react-native - 如何在React Native中设置本地文件夹图像

Question

我面临着 react native 图像的问题。我有一个图像存储在ios文档目录中。但是我无法设置图像，我尝试了一切。

代码:

import FileSystem from 'react-native-fs';

     <Image
                    style={{ width: 100, height: 100 }}
                    source={{ uri: 'file://' + FileSystem.DocumentDirectoryPath + '/profile_pic.png', scale: 1 }}
                  />

    ===>/Users/Syam/Library/Developer/CoreSimulator/Devices/57D480CE-4917-487C-944B-DC38995662FC/data/Containers/Data/Application/67DC3B69-AC9F-4C4C-8064-B77593AC95F5/Documents/profile_pic.png

我能够看到图像存在于该路径中

Answer 1

您可以使用react-native-fs来获取目录(适用于ios和android)

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


<Image source={{uri: 'file://' + RNFS.DocumentDirectoryPath + '/directory/my.png'}} />