使用 createBottomTabNavigator 时是否可以从第二个选项卡开始?
Is it possible to start on the second tab when using the createBottomTabNavigator?
我想让我的选项卡导航器在视觉上保持以下顺序:“主页”选项卡、“连接”选项卡、“聊天”选项卡
但我希望“连接”选项卡(第二个选项卡)成为应用程序加载时打开的第一个选项卡。我看不到在不重新排列选项卡顺序的情况下将其添加到堆栈导航器的方法。除了第一个具有这种结构的选项卡之外,还有另一种方法可以定位选项卡吗:
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,
},
}
),
});
你可以传递一个名为"initialRouteName"的prop,其中包含你希望在进入导航时显示的路线名称第一
我想让我的选项卡导航器在视觉上保持以下顺序:“主页”选项卡、“连接”选项卡、“聊天”选项卡
但我希望“连接”选项卡(第二个选项卡)成为应用程序加载时打开的第一个选项卡。我看不到在不重新排列选项卡顺序的情况下将其添加到堆栈导航器的方法。除了第一个具有这种结构的选项卡之外,还有另一种方法可以定位选项卡吗:
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,
},
}
),
});
你可以传递一个名为"initialRouteName"的prop,其中包含你希望在进入导航时显示的路线名称第一