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

时间:2020-10-07 17:06:16

标签: reactjs react-native react-navigation

我正在努力思考一个简单的概念。我希望能够在屏幕底部有4个标签,但在其中pushnavigate内可以有不同的页面。这些页面是“动态的”。即根据我提供的ID,我可以得到不同的数据

此处的示例:https://reactnavigation.org/docs/nesting-navigators/似乎将选项卡放在堆栈之一中。但我需要在每个页面上呈现选项卡

我该如何实现?

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,但我不希望联赛{{1} }显示在标签菜单中(出于明显的原因)。我该怎么做?

0 个答案:

没有答案