React NativeRN-第三方控件示例

RN-第三方之react-native-filesystem 文

2017-07-21  本文已影响4089人  精神病患者link常

本文内容

1、写入文本到文件

2、读取文件内容

3、删除文件

4、是否存在文件

5、返回文件完整路径

github:https://github.com/benwixen/react-native-filesystem

优缺点

1、操作方便、使用简单(在原生里面创建了TXT文本文档,进行操作)
2、写入的新内容会覆盖旧内容,,无法append(只能先读取出原有的内容,在原有的内容上添加新内容,在把新内容添加到TXT文本文档中)
3、只能保存字符串,如果需要保存json格式数据,需报json转成字符串保存,读取出来的是字符串需转成json格式

安装

npm install react-native-filesystem --save
react-native link react-native-filesystem

使用


import FileManager from 'react-native-filesystem';

const filePath = 'myFilePath/Test.txt';


    /*写入内容到文件*/
    writeFile(filePath){
        const obj = {'key':'value'};
        //  json转字符串
        FileManager.writeToFile(filePath, JSON.stringify(obj))
            .then((data)=>{
                console.log('写入成功', data); // data 为bool类型   TRUE or FALSE
            })
            .catch((data)=>{
                console.log('写入失败', data);
            });
    }
    /*读取文件*/
    readFile(filePath){
        FileManager.readFile(filePath)
            .then((data)=>{
                 //字符串转json
                console.log('读取成功', JSON.parse(data)); // data 为 txt 文件里面的内容
            })
            .catch((data)=>{
                console.log('读取失败', data);
            });
    }
    /*删除文件*/
    deleteFile(filePath){
        FileManager.delete(filePath)
            .then((data)=>{
                console.log('删除成功', data); // data 为bool类型   TRUE or FALSE
            })
            .catch((data)=>{
                console.log('删除失败', data);
            });
    }
    /*是否存在文件*/
    isExistFile(filePath){
        FileManager.fileExists(filePath)
            .then((data)=>{
                console.log('是否存在文件', data); // data 为bool类型   TRUE or FALSE
            })
            .catch((data)=>{
                console.log('是否存在文件失败', data);
            });
    }
    /*返回绝对路径*/
    absoluteFile(filePath){
        const absoluteFile = FileManager.absolutePath(filePath);
        console.log('absoluteFile = ', absoluteFile);
    }

上一篇 下一篇

猜你喜欢

热点阅读