android - react native ScrollView 不显示图像

Question

下面是我的 React Native 应用程序代码。但它没有显示图像。我将容器样式从 ScrollView 移动到以不正确方式显示的图像。

<ScrollView vertical={true} style={styles.container} >
  <Image
    style={{ width: '100%', height: '100%' }}
    source={{ uri: this.props.navigation.state.params.PassedURL }}>
  </Image>
</ScrollView>

这里是容器样式

container: {
  flex: 1,
  backgroundColor: 'gray',
  padding: 10
},

屏幕上没有其他东西可以渲染

Answer 1

不要在 ScrollView 中使用 flex:1，如果不能解决问题，请尝试按照其他人的建议设置特定的宽度和高度

<ScrollView vertical={true} style={styles.container} >
   <Image
     style={{ width: 200, height: 200 }}
     source={{ uri: this.props.navigation.state.params.PassedURL }}>
    />
</ScrollView>

容器样式

container: {
  backgroundColor: 'gray',
  padding: 10
},

编辑:

如果你想让它填充到全宽，只需将宽度设置为 100%，高度将相应调整，并可能根据你的需要设置 resizeMode="contain"或 "cover"