如何在react中的标签中导航到新屏幕-导航4

Question

所以情况就是这样。我假设登录屏幕是基于选项卡的，一个选项卡是登录，另一个是注册。我还有一个“忘记密码”按钮。因此，当我按下忘记密码按钮时，我想要进入“忘记密码”屏幕，该屏幕位于选项卡导航中，标题中有“后退”按钮。我该怎么做呢？

这是一张我需要更改当前屏幕的照片，底部仍显示白色标签，但顶部标签在我按下后退按钮之前不会显示

​

​

在第二张照片中，绿色箭头显示了我需要发生的事情，红色箭头显示了我得到的内容。(查看两个不同结果中的底部选项卡)

Answer 1

我用这个文档解决了这个问题：

中的https://reactnavigation.org/docs/4.x/tab-based-navigation/#a-stack-navigator-for-each-tab每个选项卡段落的堆栈导航器

下面是实现：

const ProfilePostStackNavigator = createStackNavigator({
    Profile: {screen: Profile},
    PostsDetails: {screen: ProfilePosts}
},{
    initialRouteName: 'Profile',
    headerMode: 'none'
});

Profile screen是一个底部选项卡，在单个屏幕中包含5个不同的选项卡和postsDetails

然后当我导航到PostsDetails