react-native-navigationで特定のBottomTabsを押した時のみにイベントを発火する方法

2021/02/13に公開

BottomTabsを押した時にイベントを発火する方法を見つけるのに苦戦したので、
書いておきます!

Navigation.events().registerBottomTabPressedListener
はどのボタンタブをタップしても発火されます。
tabIndexでタップしたボタンタブのインデックスを取得します。
この2つを使って、以下のように書くことで、特定のタブをタップしたい時にのみイベントを発火します。

// 4つ目のボタンタブをタップした時にsetCountが発火する。
Navigation.events().registerBottomTabPressedListener(({tabIndex}) => {
      if (tabIndex === 3) {
	  setCount(0);
      }
});

Discussion