Tatehitoの日記

いろいろ書きます。Webエンジニアをしています。

【React Native】React Navigation で戻ったときに何らかの処理を実行したい

例えば

  • 一覧画面を表示する
  • 一覧画面から登録画面へ遷移する
  • 登録後一覧画面に戻る

とするとき、最後に一覧画面を表示したときに登録したデータを表示させたい。 何もしないと登録したデータは表示されない。

これでできた

  • expo version "42.0.3"
  • react-native version "0.63.2"
useEffect(
    () =>
      navigation.addListener('focus', () => {
        // 戻ってきたときに実行したい処理
      }),
    [],
  )

参考

github.com

snack.expo.dev