React Native之文件操作

最新推荐文章于 2024-08-28 09:27:34 发布

转载最新推荐文章于 2024-08-28 09:27:34 发布 · 438 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/59c4deb35188256c6b5825f1

文章标签：

#移动开发

本文介绍了一个React Native项目中实现文件读写的全过程，包括使用react-native-fs插件的集成步骤及基本操作，如文件的创建、读取、删除等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近公司项目要求进行定时上传位置信息，及埋点，因为使用的是RN开发，一开始就是想到在Android和Ios原生里进行操作。
在原生里面实现了定时任务，Android里面使用的是broadcastReceive + service + timer实现了。
现在需要生成一个日志文件，一开始想在原生里面进行实现文件的读写。后来查找相关资料，发现了一个不错的第三方插件，react-native-fs，现在记录一下，集成步骤及简单的文件读写操作。
插件地址：github.com/itinance/re…
自己写了个Demo进行了测试，目前没有什么问题,Demo地址
github.com/wayne214/RN…
1.集成
安装命令：
npm install react-native-fs --save
//注意：如果react native版本是<0.40安装，使用此标签：
npm install react-native-fs@2.0.1-rc.2 --save
安装后执行：
react-native link react-native-fs
Android添加相应权限

2.使用
导入及设置文件存储路径

image.png

读写操作

image.png

删除文件

image.png

获取文件路径

image.png

判断文件路径是否存在

image.png

拷贝文件

image.png

创建目录
/ 创建目录/
mkDir() {
const options = {
NSURLIsExcludedFromBackupKey: true, // iOS only
};

    return RNFS.mkdir(destPath, options)
        .then((res) => {
            console.log('MKDIR success');

        }).catch((err) => {
            console.log('err', err);
        });
}复制代码

转载于:https://juejin.im/post/59c4deb35188256c6b5825f1