如何在反应导航中隐藏标题? [复制]

Posted

技术标签:

【中文标题】如何在反应导航中隐藏标题? [复制]【英文标题】:How to hide header in react navigation? [duplicate] 【发布时间】:2020-09-08 21:29:09 【问题描述】:

我试图在 React-native 应用程序中隐藏标题。 据我所知,有几种方法可以在堆栈导航器中隐藏标题。

const NavigatorsContainer = createStackNavigator(
  App: 
    screen: BottomTabStack,
    navigationOptions: 
      headerShown: false
    
  ,
  General: 
    screen: GeneralStack,
    navigationOptions: 
      headerShown: false
    
  
)

那在哪种情况下我可以使用下面的方法呢?

  General: 
    screen: GeneralStack,
    navigationOptions: 
      headerShown: false,
      //header: null,          //-- ?
      //headerMode: 'none',    //-- ?
      //headerVisible: 'none'  //-- ?
    
  

彼此有什么区别?

【问题讨论】:

【参考方案1】:

要禁用特定屏幕的标题(我想在您的情况下为GeneralStack),请在该特定屏幕组件.js 文件中使用它!

GeneralStack.navigationOptions=()=>
    return 
        header:()=>null
    ;
;

【讨论】:

以上是关于如何在反应导航中隐藏标题? [复制]的主要内容,如果未能解决你的问题,请参考以下文章

如何隐藏反应导航标题下的阴影?

反应导航5从堆栈导航器中隐藏标签栏

从嵌套的 StackNavigator 中隐藏 TabBar 的反应导航屏幕

导航标题未隐藏在本机反应中

在反应导航中禁用后退按钮

登录后如何隐藏底部导航(React Native)