探索React Native文件系统的强大工具：react-native-fs深度解析与应用

import React from 'react';
import { View, Text } from 'react-native';
import RNFS from 'react-native-fs';
 
export default class FileSystemExample extends React.Component {
  componentDidMount() {
    this.createDirectory();
    this.createFile();
    this.readFile();
    this.deleteFile();
  }
 
  createDirectory = async () => {
    try {
      const path = RNFS.DocumentDirectoryPath + '/test';
      await RNFS.mkdir(path);
      console.log('Directory created');
    } catch (error) {
      console.log('Error creating directory:', error);
    }
  };
 
  createFile = async () => {
    try {
      const path = RNFS.DocumentDirectoryPath + '/test/test.txt';
      const contents = "Hello, World!";
      await RNFS.writeFile(path, contents, 'utf8');
      console.log('File created');
    } catch (error) {
      console.log('Error creating file:', error);
    }
  };
 
  readFile = async () => {
    try {
      const path = RNFS.DocumentDirectoryPath + '/test/test.txt';
      const contents = await RNFS.readFile(path, 'utf8');
      console.log('Contents of file:', contents);
    } catch (error) {
      console.log('Error reading file:', error);
    }
  };
 
  deleteFile = async () => {
    try {
      const path = RNFS.DocumentDirectoryPath + '/test/test.txt';
      await RNFS.unlink(path);
      console.log('File deleted');
    } catch (error) {
      console.log('Error deleting file:', error);
    }
  };
 
  render() {
    return (
      <View>
        <Text>File System Operations</Text>
      </View>
    );
  }
}

这段代码展示了如何在React Native项目中使用react-native-fs库来执行文件系统操作。它首先尝试创建一个目录，然后创建一个文件，写入内容。接着，它读取并打印文件内容，最后删除这个文件。这个例子简单直观地展示了文件系统操作的基本流程。