react nativeのImageのresizeModeについてメモ (初心者向け)

react nativeで画像の横幅、縦幅を決定するには、heightとwidthを指定すれば良いが、
画像の縦横比率を変えるにはresizeModeプロパティを指定する必要がある。

以下のように使う。

<Image
  style={{width: 100, height: 50}}
  resizeMode='contain'
  source={{uri: 'https://facebook.github.io/react-native/docs/assets/favicon.png'}}
/>

resizeModeで指定できる文字
1.cover 指定したheightとwidthのうち、大きい数値に合わせ画像が大きくなります。　画像の縦横比は崩れません。
2.stretch 指定したheightとwidthに合わせて画像が大きくなります。画像の縦横比は崩れます。
3. contain 指定したheightとwidthのうち、小さい数値に合わせて画像をリサイズします。　画像の縦横比は崩れません

以下はぼ使わない。
center 使い道はない。
repeat：　一枚の画像を、一画面に何個も表示する。使い道はない。