[英]how to hide header in react native new version
import React from 'react';
import { View, Text, Button } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import LoginScreen from './Screen/LoginScreen';
import OnboardingScreen from './Screen/OnboardingScreen';
const Stack = createNativeStackNavigator();
function App() {
return (
<NavigationContainer>
<Stack.Navigator
headerMode= 'none'
>
<Stack.Screen name="Welcome" component={OnboardingScreen} />
<Stack.Screen name="Login" component={LoginScreen} />
</Stack.Navigator>
</NavigationContainer>
);
}
export default App;
*i am trying to hide header from my onborading screen but header = "none" is not working anyone can help me *我试图从我的登录屏幕隐藏 header 但 header =“无”不起作用任何人都可以帮助我
YOu can use my code here :你可以在这里使用我的代码:
function App() {
return (
<NavigationContainer>
<Stack.Navigator
screenOptions={{headerShown:false}}
>
<Stack.Screen name="Home" component={Home} />
<Stack.Screen name="Dashboard" component={Dashboard} />
</Stack.Navigator>
</NavigationContainer>
);
}
The main part is :主要部分是:
<Stack.Navigator
screenOptions={{headerShown:false}}
>
Ok, I got it.好,我知道了。
Here is the answer, my header disappears.这是答案,我的标题消失了。 I hope this will work for you also:
我希望这也对你有用:
function App() {
return (
<NavigationContainer>
<Stack.Navigator
screenOptions={{headerShown:false}}
>
<Stack.Screen name="Welcome" component={OnboardingScreen} />
<Stack.Screen name="Login" component={LoginScreen} />
</Stack.Navigator>
</NavigationContainer>
);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.