React Native文件读写操作

70 篇文章 3 订阅
56 篇文章 6 订阅

最近公司项目要求进行定时上传位置信息,及埋点,因为使用的是RN开发,一开始就是想到在Android和Ios原生里进行操作。
在原生里面实现了定时任务,Android里面使用的是broadcastReceive + service + timer实现了。
现在需要生成一个日志文件,一开始想在原生里面进行实现文件的读写。后来查找相关资料,发现了一个不错的第三方插件,react-native-fs,现在记录一下,集成步骤及简单的文件读写操作。
插件地址:https://github.com/itinance/react-native-fs
自己写了个Demo进行了测试,目前没有什么问题,Demo地址
https://github.com/wayne214/RNstudyDemo/blob/master/src/utils/readAndWriteFileUtil.js
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添加相应权限
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
2.使用
导入及设置文件存储路径

![image.png](https://user-gold-cdn.xitu.io/2018/8/24/1656ad45667d0dc4?w=1046&h=220&f=png&s=27920)
读写操作

![image.png](https://user-gold-cdn.xitu.io/2018/8/24/1656ad45669b0600?w=832&h=1034&f=png&s=142752)
删除文件

![image.png](https://user-gold-cdn.xitu.io/2018/8/24/1656ad4566806db7?w=1240&h=742&f=png&s=220672)
获取文件路径

![image.png](https://user-gold-cdn.xitu.io/2018/8/24/1656ad4565490e87?w=638&h=136&f=png&s=19399)
判断文件路径是否存在

![image.png](https://user-gold-cdn.xitu.io/2018/8/24/1656ad45663f2cf3?w=710&h=362&f=png&s=49431)
拷贝文件

![image.png](https://user-gold-cdn.xitu.io/2018/8/24/1656ad456640780c?w=978&h=342&f=png&s=49726)
创建目录
/*创建目录*/
    mkDir() {
        const options = {
            NSURLIsExcludedFromBackupKey: true, // iOS only
        };

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

            }).catch((err) => {
                console.log('err', err);
            });
    }

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值