从堆栈导航切换标签屏幕

Question

所以，我具有​​以下设置在阵营本地导航。

const Tabs = createBottomTabNavigator({
    Home: Home,
    Profile: Profile,
    Chats: Chats
})

const ParentStack = createStackNavigator({
    Tabs: Tabs,
    UserDetails: UserDetails
})

的标签，屏幕是在ParentStack堆栈导航器中的初始画面和家庭是在标签TabNavigator的初始屏幕。 我想导航从屏幕的UserDetails聊天屏幕。 我试着在屏幕的UserDetails下面的代码，但没有奏效。

navigation.navigate("Tabs", { screen: "Chats" })

有谁知道如何可以做到这一点？ 谢谢。

Answer 1

您必须提到相同层次结构中的聊天屏幕，我的意思是用户详细信息。您必须为每个选项卡创建单独的导航器。

const Tabs = createBottomTabNavigator({
    Home: Home,
    Profile: Profile,
    Chats: Chats
})

const UserDetailsNavigator = createStackNavigator({
   
    UserDetails: UserDetails,
    Chats: Chats

})
const ParentStack = createStackNavigator({
    Tabs: Tabs,
    UserDetailsNavigator: UserDetailsNavigator
})

那行得通。