web-dev-qa-db-ja.com

React-Native:ユーザー設定を保存する

ネイティブ開発者、

本当にたくさん検索しましたが、自分のニーズに合うものは見つかりませんでした。

私はネイティブに反応するのが初めてで、質問があります。アプリのユーザー設定を保存するにはどうすればよいですか。

たとえば、画面に非表示のバッジを表示しています->ユーザーがそれを非表示にしています->この決定を保存して、バッジが最初から表示されないようにするにはどうすればよいですか?

すべての設定が定義されている.jsonファイルを作成し、毎回それを読み取ることを考えました。

これはそれを実現する一般的な方法ですか、それとも他の解決策がありますか?.

どうもありがとうございました

6
floriantaut

非常に多くのオプションがありますが、最も一般的に使用できるのはReactネイティブの組み込みAsyncStorageです。

サンプルコード

import { AsyncStorage } from "react-native";

storeData = async () => {
  try {
    await AsyncStorage.setItem('@MySuperStore:key', 'I like to save it.');
  } catch (error) {
    // Error saving data
  }
}

retrieveData = async () => {
  try {
    const value = await AsyncStorage.getItem('TASKS');
    if (value !== null) {
      // We have data!!
      console.log(value);
    }
   } catch (error) {
     // Error retrieving data
   }
}

詳しくは https://facebook.github.io/react-native/docs/asyncstorage.html をご覧ください

または、次のようなサードパーティライブラリを再検討することもできます。

https://github.com/kevinresol/react-native-default-preference

https://github.com/mCodex/react-native-sensitive-info

1