使用 createBottomTabNavigator 时是否可以从第二个选项卡开始？答案

【问题标题】：Is it possible to start on the second tab when using the createBottomTabNavigator?使用 createBottomTabNavigator 时是否可以从第二个选项卡开始？
【发布时间】：2020-08-10 20:08:26
【问题描述】：

我想让我的标签导航器保持可视化以保持以下顺序：主页标签、连接标签、聊天标签

但我希望“连接”选项卡（第二个选项卡）成为应用加载时打开的第一个选项卡。如果不重新排列选项卡的顺序，我看不到将其添加到堆栈导航器的方法。除了具有这种结构的第一个选项卡之外，还有其他方法可以定位选项卡：

const switchNavigator = createSwitchNavigator({
  LoadingScreen,
  FirstLoginScreen,
  loginFlow: createStackNavigator({
    Main: MainScreen,
    EmailLogin: EmailLoginScreen,
    PhoneLogin: RegisterScreens,
  }),
  mainFlow: createBottomTabNavigator(
    {
      Home: createStackNavigator({
        HomeScreen,
        EditAccountScreen,
        EditPreferencesScreen,
        EditProfileScreen,
        ProfileCardScreen,
      }),
      Connect: ConnectionsScreen,
      Chat: createStackNavigator({
        AllChatScreen,
        SingleChat,
      })
    },
    {
      defaultNavigationOptions: ({navigation}) => ({
        tabBarIcon: ({tintColor}) => {
          const {routeName} = navigation.state;
          if (routeName === "Home") {
            return <MaterialIcons name={"home"} size={20} color={tintColor} />;
          } else if (routeName === "Connect") {
            return <MaterialIcons name={"link"} size={20} color={tintColor} />;
          } else if (routeName === "Chat") {
            return <MaterialIcons name={"chat"} size={20} color={tintColor} />;
          }
        },
      }),
      tabBarOptions: {
        activeTintColor: Colors.Brick,
        inactiveTintColor: Colors.Gray,
      },
    }
  ),
});

【问题讨论】：

标签： react-native react-native-navigation stack-navigator react-navigation-bottom-tab

【解决方案1】：

您可以传递一个名为 "initialRouteName" 的道具，其中包含您首先进入导航时要显示的路线名称

here you can fine more details with React Navigation V5

【讨论】：