RN-第三方之react-native-filesystem 檔案讀寫操作

weixin_34006468發表於2017-07-21

本文內容

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);
    }

相關文章