AsyncStorageデータを反応ネイティブのバックナビゲーションで取得する

Question

AsyncStorageのデータをcomponentDidMount()にプルするホーム画面があります。私はStackNavigatorを使用して私のホーム画面から別の画面に移動して、AsyncStorageにいくつかのデータを追加します。これはホーム画面にも表示する必要があります。 StackNavigatorのおかげで、私はホーム画面に戻るナビゲーションを可能にするその2番目の画面に戻る矢印があります。私のホーム画面componentDidMount()はそのバックナビゲーションで呼び出されないので、私のホーム画面は追加した新しいデータで更新されません。

私のホーム画面でAsyncStorageからどこから引っ張ってくるのか分かりません。

Answer 1

これはAsyncStorageとは関係がありません。react-navigationは、マウントされたナビゲータごとに一度だけ画面をマウントする（したがって、componentDidMountをトリガーする）ことがあります。

AsyncStorageからデータを読み込んだ場合、それをコンポーネントの内部状態に保存するか、還元を行うか、サブコンポーネントのパラメータとして使用すると仮定しています。何か反応するようなもの。したがって、この内部状態をsetStateで変更するコールバックを渡して再レンダリングをトリガーするか、新しいデータをreduxに保存してストアとホーム画面を接続することができます。