正在react native中下载.json文件

Question

我一直在碰壁，试图将.json文件下载到我的ios和android设备的本地下载文件夹中。

在我的应用程序中，用户可以下载他们的json数据并将其传输到另一台设备。它基本上是一个备份功能。我安装了react-native-fs，以前也用过。但是我不知道如何下载json数据。

我尝试过，但没有成功：

const uploadPayload = JSON.stringify(appStateToUpload)
const dirPath = `${RNFetchBlob.fs.dirs.DocumentDir}/Moodflow`
await RNFetchBlob.fs.mkdir(dirPath)
const filePath = `${RNFetchBlob.fs.dirs.DocumentDir}/Moodflow/${BACKUP_FILE_NAME}_${moment().format('D_M_YYYY__HH_mm')}.json`
return RNFetchBlob.fs.appendFile(filePath, uploadPayload, 'utf8').then(() => ...)

有什么想法吗？

Answer 1

使用react-native-fs可以执行以下操作：

import React from 'react';
import {View, TouchableOpacity, Text} from 'react-native';
import RNFS from 'react-native-fs';
const data = {
name: 'My name',
age: '20',
};
const path = RNFS.DocumentDirectoryPath + '/test.json';
const App = () => {
const handlePress = async () => {
try {
await RNFS.writeFile(path, data, 'utf8');
console.log('Success!');
} catch (error) {
console.log(error);
}
};
return (
<View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
<TouchableOpacity onPress={handlePress}>
<Text>Press Me</Text>
</TouchableOpacity>
</View>
);
};
export default App;

目录列表可以在这里找到

但是，您将不会收到关于该文件已创建的反馈。显示一个将用户重定向到目录的通知会很有趣。