小编Din*_*cus的帖子

React Navigation V5:如何导航到 BottomTabNavigator 的特定选项卡(反应导航版本 5)

我有这样的代码:

 <Stack.Navigator headerMode='none'>
        <Stack.Screen name="WelcomeScreen" component={WelcomeScreen} />
        <Stack.Screen name="Login" component={Login} />
        <Stack.Screen name="Signup" component={Signup} />
        <Stack.Screen name="OnboardingSummary" component={OnboardingSummary} />  
        <Stack.Screen name="BottomTabs" component={BottomTabs} />
        <Stack.Screen name="Player" component={Player} />
    </Stack.Navigator>
Run Code Online (Sandbox Code Playgroud)

这里BottomTabs是BottomTab BottomTabNavigator

const Tab = createBottomTabNavigator();
    <Tab.Navigator
        tabBar={props => <VialmaTabs {...props} />}
    >
        <Tab.Screen name="Profile" component={profileStack} />
        <Tab.Screen name="Home" component={HomeStack} />
    </Tab.Navigator>
Run Code Online (Sandbox Code Playgroud)

主堆栈有 2 个屏幕UserList、UserDetails

function HomeStack() {
return (
    <RadioStack.Navigator headerMode='none'>
        <RadioStack.Screen name="UserList" component={UserList} />
        <RadioStack.Screen name="UserDetails" component={UserDetails} />
    </RadioStack.Navigator>
);
Run Code Online (Sandbox Code Playgroud)

}

我现在在播放器屏幕上,我想重定向用户详细信息屏幕(它将跳过底部选项卡和 UseList。

我怎样才能实现这个目标?

reactjs react-native react-navigation

1
推荐指数
1
解决办法
2499
查看次数

标签 统计

react-native ×1

react-navigation ×1

reactjs ×1