image - 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>

不是吗？

运行 react-native 0.37.0。这段代码被直接添加到一个新的react-native init项目中，没有 3rd 方库或任何东西。

Answer 1

可能您遇到了与此相同的问题。

尝试将图像的宽度设置为null：

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