在嵌套导航器之间导航并处理导航堆栈

问题描述 投票:0回答:1

我想从一个选项卡导航到另一个选项卡内的嵌套屏幕。我将如何处理从选项卡 2(搜索屏幕)导航到选项卡 1 中的嵌套屏幕?我有使用不同参数的嵌套屏幕,并且我使用 navigation.push() 来浏览具有不同参数的不同屏幕。有没有办法从选项卡 2 转到参数为 {id: c} 的屏幕,同时还能够返回参数为 {id: b} 的屏幕,然后单击选项卡图标并返回到主页选项卡导航器(选项卡 1)?

带有参数的选项卡 1 屏幕:{id: null}

  • 带有参数的屏幕:{id:a}

    • 带有参数的屏幕:{id:b}

      • 带有参数的屏幕:{id: c}

选项卡 2 搜索屏幕

目前,当我使用参数:{id: c} 从选项卡 2 导航到选项卡 1 中的屏幕时,单击选项卡图标来重置堆栈导航器不会执行任何操作,并且我收到“操作‘GO_BACK’未由使用屏幕上的后退按钮时出现“导航器”错误。

react-native react-navigation react-navigation-bottom-tab react-navigation-v6
1个回答
1
投票

当您需要导航到不同选项卡中的屏幕时,请尝试使用此

 navigation.navigate("Tab1", { screen: "ScreenName" });

或者如果您想将参数传递到屏幕,请执行此操作

 navigation.navigate("Tab", { screen: {name:"ScreenName", params:{id:'my-id'}} });
© www.soinside.com 2019 - 2024. All rights reserved.