我试图使用堆栈和选项卡导航器切换屏幕。
const MainNavigation = StackNavigator({
otp: { screen: OTPlogin },
otpverify: { screen: OTPverification},
userVerified: {
screen: TabNavigator({
List: { screen: List },
Settings: { screen: Settings }
}),
},
});
在这种情况下，首先使用堆栈导航器，然后使用制表器。我想从堆栈导航器中隐藏头文件。这是不正常工作时，我使用导航选项::
navigationOptions: { header: { visible: false } }
我试图在前两个组件上使用这段代码在stacknavigator。 如果我使用这一行，然后得到一些错误，如:
当前回答
在你的目标屏幕上，你必须编写这样的代码!
static navigationOptions = ({ navigation }) => {
return {
header: null
}
}
其他回答
如果你的屏幕是一个类组件
static navigationOptions = ({ navigation }) => {
return {
header: () => null
}
}
在目标屏幕中将其编码为第一个方法(函数)。
这适用于堆栈导航
<Stack.Screen
name="Home"
component={HomeComponent}
options={{
headerShown: false,
}}
/>
在react-navigation的最新版本中，这可以在每个屏幕上隐藏标题:
<堆栈。领航员 headerMode ={“郎”} > <堆栈。屏幕 <堆栈。屏幕名 < /堆栈。领航员>
在你的目标屏幕上，你必须编写这样的代码!
static navigationOptions = ({ navigation }) => {
return {
header: null
}
}
我使用header: null而不是header: {visible: true}我使用react-native cli。例子如下:
static navigationOptions = {
header : null
};
