Check out example codes for "css resize image without distortion". It will help you in understanding the concepts better.

Code Example 1

.frame {
  height: 250px;
  background: transparent no-repeat center;
  background-size: cover;
  background-image: url('http://i.imgur.com/lNB7QSt.jpg')
}

Learn ReactJs, React Native from akashmittal.com