How to reset a Stack in a different Tab using React Navigation 5.x

Question

My app has a TabNavigator with a StackNavigator in each Tab. I\'m not resetting the stacks when navigating between them by clicking on different tabs, so when you change tab, th

Answer 1

In the end I was able to use the reset action to do this. I dispatched nested state for the tab I wanted to reset:

navigation.dispatch(
  CommonActions.reset({
    routes: [
      {
        name: 'tab-route-name',
        state: {
          routes: [
            { name: 'stack-route-1' },
            { name: 'stack-route-2' },
            { name: 'stack-route-3' }
          ]
        }
      }
    ]
  })
)

It seems to be clever enough that as long as the tab navigator is a parent of the current route, it will find it and reset it.