React Native之檔案操作

wayne214發表於2017-09-22

最近公司專案要求進行定時上傳位置資訊,及埋點,因為使用的是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

獲取檔案路徑

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);
        });
}複製程式碼

相關文章