[React Native]To Do Appの作成:画面の切り替えとデータのロード

1762 ワード



このようにクリックしたラベルに従って、次の画面の切り替えを期待します.


新しく追加されたNewToDosオブジェクトに簡単に作業を残し、現在の作業とオブジェクトの作業が同じかどうかを3つの演算子で条件に基づいて判別し、画面に色を塗るだけで簡単な解決方法があります.
今、携帯電話にデータを保存します.
これをするなら、再び万博に戻らなければなりません.万博にはAsyncStorageというモジュールがあるからです.
expo install @react-native-async-storage/async-storage
インストールします.
また、expo installとは、基本的にnpm installと似ていますが、インストールされたexpoバージョンに応じて対応するモジュールもインストールされます.
https://react-native-async-storage.github.io/async-storage/docs/usage/

また、使用方法はこのように簡単で、待つ必要がある以外は、Web上のlocalStorageに似ています.
キーに@toDosを付けることができます.

それぞれの関係でasyncを待つことも.

setItemsはPromiseを返します.だから待つ必要があります.関数にはasyncが必要です.


同じキーを繰り返し使用します.

loadToDosを追加して終了です!
useEffectを書くときに2番目のパラメータは括弧を使いましょう!!括弧を使って、結構時間がかかりました.