React Native Scroll View не показывает изображение

Question

Ниже приведен код реагирования собственного кода приложения. Но это не показывает изображение. я переместил стиль контейнера из вида прокрутки в изображение, показанное на изображении неправильно.

<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

Не используйте flex:1 в ScrollView, если это не помогает, попробуйте установить конкретную ширину и высоту, как предложено другими

<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
},