react-native - 每当在 Wix Navigation v2 中更改选项卡时触发功能/事件

Question

每当我切换到我的 react-native 应用程序中的特定选项卡时，我都想运行一个函数，但我找不到方法。

我知道在 Wix Navigation (RNN) v2 之后，更改当前选项卡的方法是使用 mergeOptions，这很有效。但是，如果我还想在更改选项卡后从该屏幕执行功能怎么办？

这就是我更改选项卡的方式：

Navigation.mergeOptions(this.props.componentId, {
  bottomTabs: {
    currentTabIndex: 3
  }
}

选项卡已更改，但在此特定事件发生后我找不到添加侦听器或触发事件的方法。

有没有办法做到这一点？

React-Native: 0.60.5
React-Native-Navigation: 3.1.2

谢谢。

标签： react-nativereact-native-navigation

Answer 1

您可以添加一个侦听器，该侦听器将在选项卡更改时触发。查看文档

试试这个

// Subscribe
const bottomTabEventListener = Navigation.events().registerBottomTabSelectedListener(({ selectedTabIndex, unselectedTabIndex }) => {

});
...
// Unsubscribe
bottomTabEventListener.remove();