时间戳

首页 > 解决方案 > 反应本机堆栈导航标题不可见

javascript - 反应本机堆栈导航标题不可见

问题描述

我有一个带有某个屏幕的堆栈导航我希望标题隐藏在某个屏幕中，我实现了这一点，但我有一个注册页面，我希望标题可见并且有后退按钮但它不可见，这是我的导航代码

     <NavigationContainer>
       <Stack.Navigator>
          <Stack.Screen name="Login" component={LoginScreen} 
                        initialParams={{title:null}} options={{
                                                           headerShown: false,
                                                           headerLeft: null,
                                                           gestureEnabled: false}} 
         />
         <Stack.Screen name="Register" component={RegisterScreen}/>
       </Stack.Navigator>
     </NavigationContainer>

标签： javascriptreactjsreact-native

解决方案

1） 首先删除整个堆栈导航器的标题

选择其中之一

我路 <Stack.Navigator headerMode={'none'}>

二通 <Stack.Navigator screenOptions={{ headerShown: false }}/>

2）然后在您想要的单个屏幕内显示标题

<Stack.Screen name="Register" component={RegisterScreen} options={{ headerShown: true}}/>

推荐阅读