Reactjs 如何在React Native中的选项卡中嵌套导航？

我想我正在为一个简单的概念而挣扎。我希望能够在屏幕底部有4个选项卡，但其中有

按钮

或

导航

到不同的页面。这些页面是“动态的”。也就是说，根据我提供的id，我得到了不同的数据

这里的示例：似乎将选项卡放在其中一个堆栈中。但我需要在每一页上呈现选项卡

我怎样才能做到这一点

return (
    <NavigationContainer>
        <Tab.Navigator>
            <Tab.Screen name="Home" component={Home} />
            <Tab.Screen name="Sign Up" component={AuthenticateUserScreen} />
            <Tab.Screen name="Create League" component={CreateLeague} />
            <Tab.Screen name="Join League" component={JoinLeague} />
            <Tab.Screen name="Leagues" component={Leagues} />
            />
        </Tab.Navigator>
    </NavigationContainer>
)

返回(
/>
)

---

这里有我想要的标签，但是说有人用

id 1

点击了联盟，它显示了联盟组件，但是有不同的数据，比如说联盟

id 5

，但是我不想在标签菜单中显示联盟

id

（出于明显的原因）。我该怎么做？

需要更多信息。哪个屏幕需要用户单击并导航到哪个屏幕。如果你能详细说明你的用例，那就太好了。所以在联盟内部，你应该能够点击ID列表，然后用不同的数据呈现相同的页面。但是我不想直接从标签菜单进入那个页面。所以leagues是一个leagues列表，然后league id显示了leagues以及与id对应的相关数据。有意义吗？所以leagues可以是一个包含两个屏幕、列表和详细信息的堆栈。列表将导航到参数id为的详细信息。这是预期的结果吗？是的，这有点道理。你能很快地把它编出来吗？弄明白了，谢谢你的建议，它使我能够到达那里！