React native 删除react本机应用程序屏幕上的导航标题

我想从使用底部选项卡导航器的屏幕中删除标题

下面是代码示例：

export class Home extends Component {
  render() {
    return <ProductList />;
  }
}

export class Settings extends Component {
  render() {
    return <Chat />;
  }
}

const Main = createBottomTabNavigator({
  Home: {
    screen: Home,
    navigationOptions: {
      header: null,
    },
  },
  Settings: {
    screen: Settings,
  },
});

但当我在没有CreateBoottomTabNavigator的单个页面上使用导航选项时，它会工作

有什么想法吗

你可以用这个代替上面的

导出类主扩展组件{
静态导航选项={
标题：{
可见：假，
}
}
render（）{
返回；
}
}
导出类设置扩展组件{
render（）{
返回；
}
}
const Main=createBottomTabNavigator({
主页：{
屏幕：主页
},
设置：{
屏幕：设置，
},
}, 
{ 
headerMode:“屏幕”
});

希望这对你有帮助

---

我应该在哪里添加这个？你想在哪里隐藏标题！上面的

render

method可以添加静态方法！您的意思是这样的：export class Home扩展组件{static navigationOptions={header:{visible:false，}，}；}；render（）{return；}}}唯一发生的事情是bottomnavbar上的头更小，但屏幕顶部的导航选项仍然存在：(

 navigationOptions: {
          header: null,
        },

    export class Home extends Component {
       static navigationOptions = {
            header: {
              visible: false,
            }
          }
      render() {
        return <ProductList />;
      }
    }

    export class Settings extends Component {
      render() {
        return <Chat />;
      }
    }

    const Main = createBottomTabNavigator({
      Home: {
        screen: Home
      },
      Settings: {
        screen: Settings,
      },
    }, 
    { 
        headerMode: 'screen' 
    });