React native 隐藏抽屉导航标题

我试图隐藏react本机应用程序上的抽屉标题。目前，使用

react导航^1.5.12

。 *我想删除灰色标题

我的代码是这样的。 路由器.js

const HomeStack = DrawerNavigator({
  Home: { screen: Home },
  Message: { screen: Message },
  History: { screen: History },
  Settings: { screen: Settings },
}, {
  contentComponent: DrawerMenu,
  drawerWidth: 240,
  // Explicitly set the default screen to use
  initialRouteName: 'Home',
});

export default const MainStack = StackNavigator({
  LoggedInHome: { screen: HomeStack },
  Notification: { screen: Notification },
}, {
  // Explicitly set the default screen to use
  initialRouteName: 'Home',
});

我还在每个屏幕上添加了

标题：null

DrawerMenu.js

export default class DrawerMenu extends React.Component {
  static navigationOptions = {
    header: null
  }

  navigateToScreen = (route) => () => {
    const navigateAction = NavigationActions.navigate({
      routeName: route
    });
    this.props.navigation.dispatch(navigateAction);
  }

  render() {
    return (
      <View>
        <TouchableOpacity
          onPress={this.navigateToScreen('Home', { isStatusBarHidden: false })}
        >
          <Text>Home</Text>
        </TouchableOpacity>
...

导出默认类DrawerMenu扩展React.Component{
静态导航选项={
标题：空
}
导航屏幕=（路线）=>（）=>{
const navigateAction=NavigationActions.navigate({
路由名称：路由
});
这个.props.navigation.dispatch（navigateAction）；
}
render（）{
返回(
家
...

您应该这样尝试：

  Home: {
navigationOptions: ({ navigation }) => ({
  header: null,
}),

---

您应该在抽屉的实例化中设置导航选项：

const HomeStack = DrawerNavigator({
  Home: {
    screen: Home,
    navigationOptions: { header: null }
  },
  ...

---

你可以显示代码吗，或者你可以检查导航代码如下：-主条目文件，抽屉导航器，希望这能帮助你Hanks Prince，我真的很感激。但那不行。我的代码是Router JS和抽屉JS。我弄错了测试视图配置文件（绿色块）在你的代码示例中。你能展示一下你在代码中从哪里得到的吗？普林斯，佩里谢谢你的建议。这是我的代码。@ShunYamada我找不到像你在图像中那样的抽屉选项。另外，你的项目不包含tekst视图配置文件。你能检查一下你是否推送了所有内容吗？或者只需将我指向包含该stuf的正确文件即可f、 为什么它不起作用呢？我有一种非常相似的恐惧感，它工作得非常完美