React Native require() сеть против статического изменения размера изображения

Question

Почему, когда я использую сетевой образ,

<View style={{flex: 1, alignItems: 'stretch'}}>
          <Image
           style={{flex: 1}}
           source={{uri: 'https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png'}} />
</View>

он заполняет страницу:

но когда я использую require() для статического изображения:

<View style={{flex: 1, alignItems: 'stretch'}}>
 <Image
  style={{flex: 1}}
  source={require('./googlelogo.png')} />
</View>

это не так?

Запущена реакция-родная 0.37.0. Этот код был добавлен прямо в свежий react-native initпроект, никаких сторонних библиотек или чего-либо еще.

Answer 1

Возможно, у вас была такая же проблема, как эта.

Попробуйте установить ширину изображения в null:

<Image
  style={{flex: 1, width: null}}
  source={require('./googlelogo.png')} />