Question

我正在为Android构建一个本机应用程序。我正在尝试在我的应用中添加图片。无论如何，我都无法在应用程序中显示图像。我已经阅读了其他{{3}}并尝试使用https图像，并为图像添加了高度和宽度。这是试图显示图像的组件的渲染方法。现在，源动态地指向我的s3存储桶。

render() {
    const { textWrapperStyle, svgStyle, containerStyle, textStyle } = styles
    console.log("FILE URL", this.props.file.url)
    return (
      <View style={{flexDirection: 'row', alignItems: 'center'}}>
      <Modal
          animationType={'slide'}
          transparent={false}
          visible={this.state.modalVisible}
          onRequestClose={() => {
            alert('Modal has been closed.');
          }}>
          <View style={{flex: 1, justifyContent: 'center'}}>
            <View>
                <Image
                  style={{width: 200, height: 200}}
                  source={{uri: "https://obeya-dgeismar-site-assets"+this.props.file.url }}
                />

              <TouchableOpacity
                onPress={() => {
                  this.setModalVisible(!this.state.modalVisible);
                }}>
                <Text>Hide Modal</Text>
              </TouchableOpacity>
              </View>
          </View>
        </Modal>
        <TouchableOpacity style={[containerStyle, this.props.customStyle]} onPress={() => {this.setModalVisible(true);}}>
          <View style={textWrapperStyle}>
            <Text>
              {this.props.file.title}
            </Text>
          </View>
        </TouchableOpacity>
        <TouchableOpacity onPress={()=>this.confirmDelete(this.props.file.id, this.props.eventId)}>
          <Close style={styles.svgStyle} fill='red'/>
        </TouchableOpacity>
      </View>
    )
  }

这是整个项目的answer。我目前在Nexus 5x API 29 x86上的android studio中运行它

无法在Android模拟器中显示react-native应用程序的图像

0 个答案: