Reactjs 可以隐藏一个tabscreen元素吗?
我试图在React Native中从底部选项卡导航器隐藏其中一个屏幕。这只是因为我使用的是嵌套导航,而子导航器是选项卡导航器。我必须定义屏幕,但我不想让它在屏幕上可见。我该怎么办?这是我的第一个导航堆栈。登录后,导航到“主”Reactjs 可以隐藏一个tabscreen元素吗?,reactjs,react-native,Reactjs,React Native,我试图在React Native中从底部选项卡导航器隐藏其中一个屏幕。这只是因为我使用的是嵌套导航,而子导航器是选项卡导航器。我必须定义屏幕,但我不想让它在屏幕上可见。我该怎么办?这是我的第一个导航堆栈。登录后,导航到“主” const navigator = createStackNavigator({ Signup: { screen: SignupScreen, navigationOptions:{ headerShown:false
const navigator = createStackNavigator({ Signup: {
screen: SignupScreen,
navigationOptions:{
headerShown:false
}, }, Signin: {
screen: SigninScreen,
navigationOptions:{
headerShown:false
}, }, Home: {
screen: HomeScreen,
navigationOptions:{
headerShown:false },
}, Main: {
screen: MainScreen,
navigationOptions:{
headerShown:false
},}, Partner: {
screen: PartnerScreen,
navigationOptions:{
headerShown:false
}, }, ProjectDetail: {
screen: ProjectDetail,
navigationOptions:{
headerShown:false
},}, });
这是我的主屏幕代码
<NavigationContainer style={{ backgroundColor: '#1f1f1f' }}>
<View style={[styles.container]}>
</View>
<Tab.Navigator
initialRouteName="Project"
tabBarOptions={{
activeTintColor: '#ED4C67',
inactiveTintColor: '#fafafa',
activeBackgroundColor: '#222',
inactiveBackgroundColor: '#222',
showLabel: false,
}}
screenProps={{ Username: this.state.Username }} >
<Tab.Screen
name='Project'
component={ProjectScreen}
style={display="none"}
options={{
tabBarIcon: ({ color, size }) => (
<Icon name='paperclip' color={color} size={size - 4} />
),
}}
/>
<Tab.Screen name="Partner" component={PartnerScreen}
options={{
tabBarIcon: ({ color, size }) => (
<Icon name='users' color={color} size={size - 4} />
),
}}
/>
<Tab.Screen name="Investor" component={InvestorScreen}
options={{
tabBarIcon: ({ color, size }) => (
<Icon name='bar-chart' color={color} size={size - 4} />
),
}} />
<Tab.Screen name="ProjectDetail" component={ProjectDetail}
options={{
tabBarIcon: ({ color, size }) => (
<Icon name='bar-chart' color={color} size={size - 4} />
),
}} />
</Tab.Navigator>
</NavigationContainer>
(
),
}}
/>
(
),
}}
/>
(
),
}} />
(
),
}} />
我想从“PartnerScreen”导航到“ProjectDetail”。但是我不能使用this.props.navigation.navigation或replace,因为在tabnavigator中没有ProjectDetail屏幕的情况下,嵌套的导航规则。所以我想我可以把它隐藏起来。你能分享你的代码的相关部分吗?你问的问题很模糊。你能看看这个问题的答案吗。我在那里添加了代码。谢谢