首页 > 解决方案 > 图像在本机反应中显示为白色

问题描述

我正在使用react-native-image-crop-picker将图像从我的设备上传到后端服务器。我能够成功地将图像上传并保存到服务器。但是如果我从我的应用程序中退出并重新登录,则提交的图像显示为白色而不是上传的图像。

图像已保存到后端,路径为file:///data/user/0/com.project/cache/react-native-image-crop-picker/IMG_20201209_230314.jpg.

我的代码


<ImageBackground resizeMode={'contain'}
    source={this.state.loadingImage ?
    { uri:`${this.state.filePath}` }
    :
    { uri: 'data:image/jpeg;base64,' + this.state.filePath.data }}
    style={styles.previewImage} >
</ImageBackground>

styles

 previewImage: {
    width: 450,
    height: 350,
    alignItems: 'baseline',
  },

图像容器标记为红色框。在那个红色框内,应该显示图像

在此处输入图像描述

标签: react-nativereact-native-image-pickerreact-image-crop

解决方案


推荐阅读