React Nativeで実装したiOSアプリでデータを永続化する（UserDefaults編） 📱

ことの発端
ざっくりとした使い方
実装例
注意事項
追記

ことの発端

かつて、SwiftでiOSアプリを制作していた際、簡単なデータを永続化するときは UserDefaults を使っていました。

developer.apple.com

いまはExpoでiOSアプリを制作しているのですが、UserDefaultsをつかうにはどうすれば良いのか調べたところ、Settings経由でアクセスすれば良いことがわかったので、試してみました。

ざっくりとした使い方

インポート

import { Settings } from 'react-native';

値の取得

Settings.get(key);

値の保存

Settings.set({
  key: value
});

という感じです。

reactnative.dev

値の監視もできるようですが、今回は触れずにいきます。

実装例

例えばアプリの起動回数を保持したい場合、

import { useEffect, useState } from 'react';
import { Settings, Text } from 'react-native';

export default function App() {
    const [ count ] = useState(Settings.get('count') || 0); // UserDefaultsに保存されたcountの取得

    useEffect(() => {
      Settings.set({
        count: count + 1 
      }); // countをインクリメントして保存
    }, []);

    return <Text>{ count }</Text>; // countの表示
}