UPDATE as of version 5
从版本5开始,它是screenOptions
中的选项headerShown
用法示例:
<Stack.Navigator
screenOptions={{
headerShown: false
}}
>
<Stack.Screen name="route-name" component={ScreenComponent} />
</Stack.Navigator>
如果您只想在一个屏幕上隐藏标题,可以通过设置屏幕组件上的creenOptions来实现,例如如下所示:
<Stack.Screen options={{headerShown: false}} name="route-name" component={ScreenComponent} />
另请参见关于第5版的blog篇文章
UPDATE
自2.0.0-alpha.36版本(2019-11-07)起
有一个新的导航选项:headershown
navigationOptions: {
headerShown: false,
}
https://reactnavigation.org/docs/stack-navigator#headershown
https://github.com/react-navigation/react-navigation/commit/ba6b6ae025de2d586229fa8b09b9dd5732af94bd
Old answer
我使用它来隐藏堆栈栏(请注意,这是第二个参数的值):
{
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,
}
}
);