在 React Native 中寫入/編輯/覆蓋 json 文件

Question

我知道如何通過導入來讀取 json 文件

import file from './config/data.json'; console.log(file); .

但是有沒有一種簡單的方法來編寫或編輯它。

Answer 1

使用 AsyncStorage 保存本地設置：

下面是在你的代碼中設置你的設置（這個例子是針對一些 Switch

async setSettings() {
  try {
    var obj = {};
    var settings = await AsyncStorage.getItem('settings');
    settings = JSON.parse(result);
    Object.assign(obj, settings);
    this.setState(obj);
  }
  catch(e) { }
  finally { }
}

以下是更改代碼中的設置

switchChanged(field, value) {
  var obj = {};
  obj[field] = value;
  AsyncStorage.getItem('settings').then(function(strResult) {
    var result = JSON.parse(strResult) || {};
    Object.assign(result, obj);
    AsyncStorage.setItem('settings', JSON.stringify(result));
  });
  this.setState(obj);
}

最后調用 render 方法

<Switch
  onValueChange={(value) => this.switchChanged('reminders', value)}
  value={this.state.reminders} />

希望它可以幫助你:)

Answer 2

如果你絕對想讀/寫文件，你可以使用react-native-fs 。

如果您想保留特定於應用程序的設置，我建議使用AsyncStorage 。