我正在尝试使用堆栈和选项卡导航器切换屏幕。
const MainNavigation = StackNavigator({
otp: { screen: OTPlogin },
otpverify: { screen: OTPverification},
userVerified: {
screen: TabNavigator({
List: { screen: List },
Settings: { screen: Settings }
}),
},
});
在这种情况下，首先使用堆栈导航器，然后使用选项卡导航器。我想从堆栈导航器中隐藏标题。当我使用导航选项时，它不能正常工作：
navigationOptions: { header: { visible: false } }
我正在 stacknavigator 中使用的前两个组件上尝试此代码。如果我使用这一行，则会收到一些错误，例如：
更新至第 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,
}
}
);
在 v4 上，只需在要隐藏标题的页面中使用以下代码
export default class Login extends Component {
static navigationOptions = {
header: null
}
}
请参阅堆栈导航器
只需将其添加到您的类/组件代码片段中，Header 就会被隐藏
static navigationOptions = { header: null }
在给定的解决方案中，HomeScreen 的标题是隐藏的，选项={{headerShown:false}}
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen name="Home" component={HomeScreen} options={{headerShown:false}}/>
<Stack.Screen name="Details" component={DetailsScreen}/>
</Stack.Navigator>
</NavigationContainer>
如果你的屏幕是一个类组件
static navigationOptions = ({ navigation }) => {
return {
header: () => null
}
}
在您的目标屏幕中将其编码为第一种方法（函数）。