如何在 React Native 的特定屏幕中导航到不同的底部选项卡导航

Question

我有底部选项卡导航，例如我已附加带有导航的屏幕。

框架：React Native，React Native 导航 v6。 问题：我需要从“主页”选项卡导航到“设置”选项卡中的第二个屏幕，并且我需要能够返回到“设置”选项卡中的第一个屏幕。

    navigation.navigate("SettingsTab", {
         screen: "EmailEditScreen",
       }); 

我已经做得很简单，但是当我按照上面的方式导航时，我无法返回到“设置”选项卡的第一个屏幕。当我在“主页”和“设置”之间切换选项卡时，始终显示“设置”选项卡的第二个屏幕，并且我无法返回到“设置”中的第一个屏幕配置文件。我永远停留在 EmailEditScreen 上。所以问题是：如何正确地将选项卡更改为特定屏幕？

我想更改底部选项卡并转到特定屏幕，但我还需要有导航历史记录才能返回到该底部选项卡中的上一个屏幕。

Answer 1

您可以尝试在目标屏幕中添加“初始”参数：

navigation.navigate("SettingsTab", {
    screen: "EmailEditScreen",
    initial: true
});

参见：https://reactnavigation.org/docs/nesting-navigators/#rendering-initial-route-define-in-the-navigator

但是返回行为仍然存在错误（例如，如果您从主页堆栈的子屏幕导航到设置堆栈的子屏幕），并且如果您按底部栏，目标屏幕选项卡也会保留在初始子屏幕上：/