在堆栈导航器中隐藏标题反应导航

问题描述：

const MainNavigation = StackNavigator({ 
     otp: { screen: OTPlogin }, 
     otpverify: { screen: OTPverification}, 
     userVerified: { 
     screen: TabNavigator({ 
      List: { screen: List }, 
      Settings: { screen: Settings } 
     }), 
     }, 
    });

在这种情况下，首先使用stacknavigator，然后使用tabnavigator。我想隐藏堆栈导航器的标题。机智工作不正常时，我使用像::

navigationOptions: { header: { visible: false } }

我试图在其上使用stacknavigator前两个部分的代码navigationoptions。如果我使用此行然后收到的一些错误等::

答

我使用它来隐藏堆栈条（注意这是第二个PARAM的值）：

{ 
    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, 
    } 
} 
);

可以正常使用！感谢您的答案，但我有一个问题后，添加这是::切换stacknavigator tabnavigator其工作正常。如果我想显示标题，当我切换屏幕从tabnavigator到stacknaviagtor我该怎么办？ –

嗯，这是一个很好的问题。说实话，我不知道。你可以在你想要显示的屏幕上试试@Dpkstr答案，而不是null，这将是真实的。 – Perry

嗯，我已经试过这个，但它也没有工作......谢谢你的第一个答案。我现在只用一个按钮来完成第二个功能。 –

答

在页面只需使用下面的代码要隐藏标题

export default class Login extends Component { 
    static navigationOptions = { 
     header: null 
    } 
}

指Stack Navigator

这很好，但一个问题是，当屏幕从stacknavigator切换到tabNavigator（根据我提到的问题组件如OTP验证屏幕，当时列出屏幕上的两个标题都显示 –

你能告诉我你到底是如何导航到列表 – Dpkstr

这一个工作对我来说 –

答

只需添加这进入你的班级/组件代码片段并且标题将被隐藏

static navigationOptions = { header: null }

感谢为我工作 – SANTOSH

答

如果你想隐藏特定的屏幕上比这样做：

// create a component 
export default class Login extends Component<{}> { 
    static navigationOptions = { header: null }; 
}

在堆栈导航器中隐藏标题反应导航

相关推荐