Как визуализировать изображения с помощью React-Native-FS

Question

В моем приложении для Android-приложений я перемещаю jpg-файлы из папки кэша в RNFS.DocumentDirectoryPath, где я создал папку «image». Я не могу отобразить эти изображения:

внутри класса реакции:

state = {source:null}

async componentDidMount() {    

  async loadFile ( path ){
    await this.setState({source:{uri:path}})
  }

  const path = RNFS.DocumentDirectoryPath+'/images/d88b102c-d4c6-4dc1-9a4c-f2a0e599ddbf.jpg'


  await RNFS.exists(path).then( exists => {
        if(exists){
          this.loadFile(path);
      }
 }

   renderItem = ({ item }) => (
      <View key={item.Id} >
        <View>
          <TouchableOpacity onPress={() => this.onPressItem(item)}>
          <Text>{item.cardName}</Text>  
          <Image 
          source={this.state.source}
          style={{ width:'auto', height: 55 }}
          />
          </TouchableOpacity>
        </View>
      </View>
    );

Изображение существует, если я преобразовываю его в base64, оно отображается правильно.

Answer 1

Мне не хватало "file: //"

const path = "file://"+RNFS.DocumentDirectoryPath+'/images/d88b102c-d4c6-4dc1-9a4c-f2a0e599ddbf.jpg'