Question

我已成功将网址中的图片与响应一起保存 {“ jobId”：1，“ statucCode”：200，“ byteWritten”：127744}

但是我无法显示图像。

downloadFile（）{

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)
     });
}

状态将类似于源：{“ uri”：“ path”}

Answer 1

您的代码似乎正确，但是可能缺少为图像分隔宽度和高度的信息。

例如：

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

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

1 个答案: