我试图使用堆栈和选项卡导航器切换屏幕。
const MainNavigation = StackNavigator({
otp: { screen: OTPlogin },
otpverify: { screen: OTPverification},
userVerified: {
screen: TabNavigator({
List: { screen: List },
Settings: { screen: Settings }
}),
},
});
在这种情况下，首先使用堆栈导航器，然后使用制表器。我想从堆栈导航器中隐藏头文件。这是不正常工作时，我使用导航选项::
navigationOptions: { header: { visible: false } }
我试图在前两个组件上使用这段代码在stacknavigator。 如果我使用这一行，然后得到一些错误，如:
当前回答
对于单个屏幕，您可以在createStackNavigator中设置header:null或headershow: false，如下所示 const App = createStackNavigator({ 第一:{ 屏幕:回家, navigationOptions: { 标题:空, }， }， })； 使用defaultNavigationOptions一次从所有屏幕中隐藏头部 const App = createStackNavigator({ 第一:{ 屏幕:HomeActivity, }， }， ｛ defaultNavigationOptions: { 标题:零 }， })；
其他回答
如果你的屏幕是一个类组件
static navigationOptions = ({ navigation }) => {
return {
header: () => null
}
}
在目标屏幕中将其编码为第一个方法(函数)。
你只能在新的更新版本(react- navigation版本6)中使用headerperformed:false
import { createStackNavigator } from '@react-navigation/stack';
const Util = createStackNavigator();
const UtilStack = () =>{
return(
<Util.Navigator>
<Util.Screen name='Splash' component={Splash} options={{ headerShown: false }}/>
)
<Util.Navigator>
}
const MyNavigator = createStackNavigator({
FirstPage: {screen : FirstPageContainer, navigationOptions: { headerShown:false } },
SecondPage: {screen : SecondPageContainer, navigationOptions: { headerShown: false } }
});
//header:null will be removed from upcoming versions
这招对我很管用:
const Routes = createStackNavigator({
Intro: {
screen: Intro,
navigationOptions: {
header: null,
}
}
},
{
initialRouteName: 'Intro',
}
);
如果你想隐藏在特定的屏幕上，可以这样做:
// create a component
export default class Login extends Component<{}> {
static navigationOptions = { header: null };
}
