フリーランス 技術調査ブログ

フリーランス/エンジニア Ruby Python Nodejs Vuejs React Dockerなどの調査技術調査の備忘録

ReactNativeでアプリ内にデータを保存する(AsyncStorage)

参考記事

  • AsyncStorageは非推奨らしいので使う際はお気をつけて. reactnative.dev

コード

  • 利用するためにパッケージをimportする
import { AsyncStorage } from "react-native"
  • 下記はローカルにデータを保存するための関数
  const setStoreData = async (key, value) => {
    try{
      await AsyncStorage.setItem(key, value);
    }catch(error){
      console.log(error);
    }
  }
  • 起動時にデータを取得してデータが存在しなかったらデータを保存する場合
  useEffect(() => {
    const currentUid = getStoreData('uuid')
    if (currentUid === null) {
      setStoreData('uuid',<あたらしく設定する値を指定する>)
    }

  }, []);  

上記の設定をすることで以前設定した情報をアプリ内にデータを保存及び再度呼び出すことができる