React Native BottomTabs导航到特定选项卡

Question

我试图从屏幕导航到特定选项卡，如下面的代码所示，我想从Screen1导航到Tab2

底部标签

const BottomTabNavigator = createBottomTabNavigator({
    Tab1,
    Tab2},
  {
    initialRouteName: 'Tab1',

    })

堆栈导航器：

const AppNavigator = createStackNavigator(
  {

  BottomTabNavigator,
  Screen1,
  Screen2,
  Screen3 
  }
);

我尝试了下面但是正如预期的那样它会导航到Tab1的初始路线

const resetAction = StackActions.reset({index: 0,               
actions: [NavigationActions.navigate({ routeName: 'BottomTabNavigator', }),],});

this.props.navigation.dispatch(resetAction);

Answer 1

您可以在action的输入对象上设置NavigationAction.navigate，以便定义制表符路径。

NavigationActions.navigate({
  routeName: 'BottomTabNavigator',
  action: NavigationActions.navigate({
    routeName: 'Tab2'
 })
})

或者在你的情况下

const resetAction = StackActions.reset({
  index: 0,               
  actions: [
    NavigationActions.navigate(
      routeName: 'BottomTabNavigator',
      action: NavigationActions.navigate({
        routeName: 'Tab2'
      })
    )
  ]
});