从版本5开始更新
截至5版本,它是选择headerShown
在screenOptions
用法示例:
<Stack.Navigator
screenOptions={{
headerShown: false
}}
>
<Stack.Screen name="route-name" component={ScreenComponent} />
</Stack.Navigator>
如果只想在1个屏幕上隐藏标题,则可以通过在屏幕组件上设置screenOptions来实现,例如:
<Stack.Screen options={{headerShown: false}} name="route-name" component={ScreenComponent} />
另请参阅有关版本5 的博客
更新
自版本2.0.0-alpha.36(2019-11-07)起,
有一个新的navigationOption:headershown
navigationOptions: {
headerShown: false,
}
https://reactnavigation.org/docs/stack-navigator#headershown
https://github.com/react-navigation/react-navigation/commit/ba6b6ae025de2d586229fa8b09b9dd5732af94bd
旧答案
我用它来隐藏堆栈栏(注意这是第二个参数的值):
{
headerMode: 'none',
navigationOptions: {
headerVisible: false,
}
}
使用此方法时,它将在所有屏幕上隐藏。
在您的情况下,它将如下所示:
const MainNavigation = StackNavigator({
otp: { screen: OTPlogin },
otpverify: { screen: OTPverification },
userVerified: {
screen: TabNavigator({
List: { screen: List },
Settings: { screen: Settings }
}),
}
},
{
headerMode: 'none',
navigationOptions: {
headerVisible: false,
}
}
);