PUROGU LADESU

ポエムがメインのブログです。

【ReactNative】 タブの切替時に再ロードさせる

タブの切替時に更新があった場合になにか処理をさせたい。 例えばタブを切替時や別の画面から移動してきた際にCRUDの更新を反映させるなど。

リスナーを設定する

focus, blurといったイベントが使える。それぞれスクリーンがフォーカス取得、喪失時のイベントになる。 componentDidMountやuseEffectで設定するか、Screenタグのlistenersプロパティに設定することができる。

componentDidMount() {
    const { navigation } = this.props;
    navigation.addListener('focus', async () => {
      this.reloadList();
    });
}

reactnavigation.org