RN读写json文件

安装模块

npm install react-native-fs --save

写入文件

import RNFS from 'react-native-fs'; // 引入模块

// 自动获取设备的一个文件夹路径,在路径下找这个文件名(有就直接写,没有就自动创建)
const filePath = RNFS.DocumentDirectoryPath + '/example.json';

// 这个是要写入的数据(要转换成json格式)
const jsonData = { key: 'value' }; 
const jsonString = JSON.stringify(jsonData);

// 从上面的路径中写文件
RNFS.writeFile(filePath, jsonString, 'utf8')
  .then(() => {
  // 写入成功
    console.log('JSON data has been written to the file.');
  })
  .catch((error) => {
  // 写入失败
    console.error('Error writing to the JSON file:', error);
  });

读取文件

import RNFS from 'react-native-fs'; // 引入模块

// 和上面一样,不过这个不会创建路径(这个路径没文件就报错找不到)
const filePath = RNFS.DocumentDirectoryPath + '/example.json';

// 开始读取文件
RNFS.readFile(filePath, 'utf8')
  .then((fileContent) => {
    // 读取成功(将读取到的文件转成字符串格式)
    const jsonData = JSON.parse(fileContent);
    console.log('JSON Data:', jsonData);
  })
  .catch((error) => {
  // 读取失败(一般都是路径不存在报错,路径不存在的建议写去写一个json文件,会自动创建路径)
    console.error('Error reading the JSON file:', error);
  });