从本地屏幕上反应本机删除标题

Question

我已经制作了自定义标头，并且想删除react-native默认标头。

我尝试过

1. 在以下项的navigationOptions中设置选项“ header：null” createBottomTabNavigator
2. header：HomeScreen.js文件中为空

但是它不起作用。请帮助解决此问题。这是我的导航代码。我正在附上我要删除的截图。

import React from "react";
import { Platform } from "react-native";
import { createStackNavigator } from "react-navigation-stack";
import { createBottomTabNavigator } from "react-navigation-tabs";
import TabBarIcon from "../components/TabBarIcon";
import HomeScreen from "../screens/HomeScreen";
import SavedScreen from "../screens/SavedScreen";
import BookingScreen from "../screens/BookingScreen";
import BeAHostScreen from "../screens/BeAHostScreen";
import ReferEarnScreen from "../screens/ReferEarnScreen";
import BookingInnerScreen from "../screens/BookingInnerScreen";
import { Icon } from "react-native-elements";

const config = Platform.select({
  web: { headerMode: "screen" },
  default: {}
});

const tabNavigator = createBottomTabNavigator({
  Home: {
    screen: HomeScreen,
    defaultNavigationOptions: {
      title: "App Name Here"
    },
    navigationOptions: {
      tabBarLabel: "Home",
      tabBarOptions: {
        activeTintColor: "#00E8AC"
      },
      tabBarIcon: ({ focused }) => {
        return focused ? (
          <Icon name="md-home" type="ionicon" color="#00E8AC" />
        ) : (
          <Icon name="md-home" type="ionicon" color="#ccc" />
        );
      }
    }
  },
  Saved: {
    screen: SavedScreen,
    defaultNavigationOptions: {
      title: "Saved"
    },
    navigationOptions: {
      tabBarLabel: "Saved",
      tabBarOptions: {
        activeTintColor: "#00E8AC"
      },
      tabBarIcon: ({ focused }) => {
        return focused ? (
          <Icon name="md-heart" type="ionicon" color="#00E8AC" />
        ) : (
          <Icon name="md-heart" type="ionicon" color="#ccc" />
        );
      }
    }
  }
});

const MyApp = createStackNavigator(
  {
    BookingInner: BookingInnerScreen,
    Tabs: {
      screen: tabNavigator
    }
  },
  {
    initialRouteName: "Tabs"
  }
);

export default MyApp;

Answer 1

尝试一下：

const MyApp = createStackNavigator(
  {
    BookingInner: BookingInnerScreen,
    Tabs: {
      screen: tabNavigator
    }
  },
  {
    initialRouteName: "Tabs",
    headerMode: 'none',
  }
);