CODEWITHSUNDEEP
react-nativereact-native-navigation
msqar
msqar

Reputation: 3020

Trigger function/event whenever changing tab in Wix Navigation v2

I wanted to run a function whenever I change to a specific tab in my react-native app, but I couldn't find a way.

I know that after Wix Navigation (RNN) v2, the way to change current tab is by using mergeOptions, and that works. But what if I want to also, after the tab is changed, execute a function from that screen?

This is how I'm changing the tab:

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

The tab is changed, but I couldn't find a way to add a listener or trigger event after this specific event occurs.

Is there any way to accomplish this?

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

Thanks.

Upvotes: 0

Views: 541

Answers (1)

Mehran Khan
Mehran Khan

Reputation: 3636

You can add a listener which will trigger when ever the tab change . See Documentation

Try this

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

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

Upvotes: 2

Related Questions