无法显示从 RNFS.DocumentDirectoryPath 下载的图片

Question

我已成功保存来自 url 的图像和响应 {"jobId"：1，"statucCode"：200，"byteWritten"：127744}

但是我无法显示图像。

下载文件(){

var RNFS = require('react-native-fs');

const uri = 'https://images.unsplash.com/photo-1525184275980-9028ceb8e09f?auto=format&fit=crop&w=1050&q=80' ; 
const name = shorthash.unique(uri);
const path = `${RNFS.DocumentDirectoryPath}/${name}.png`;

RNFS.downloadFile({fromUrl:uri, toFile: path}).promise
    .then((res) => { 
        this.setState({ source:{uri:path}}) ;
    }).catch((err) => { 
        alert(err)
     });
}

状态会像 source : { "uri" : "path" }

Answer 1

您的代码似乎是正确的，但您可能没有指定图像的宽度和高度。

例如：

<Image source={this.state.source} style={{width: 100, height: 100}} />

无法显示从 RNFS.DocumentDirectoryPath 下载的图片

Can't display downloaded image from RNFS.DocumentDirectoryPath

react-native

react-native-android

react-native-fs

react-native-ios