Реагировать родной удалить заголовок с главного экрана - PullRequest
Новая
       10

Реагировать родной удалить заголовок с главного экрана

0 голосов
/ 21 января 2020

Я сделал свой пользовательский заголовок и хочу удалить стандартный по умолчанию заголовок реагирования.

Я пробовал с

  1. Настройка параметра "заголовок: ноль" в navigationOptions заголовка createBottomTabNavigator
  2. : нулевой в HomeScreen. js file

, но он не работает. Пожалуйста, помогите решить эту проблему. Вот мой навигационный код. Я прилагаю скриншот именно то, что я хочу удалить. enter image description here

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;

1 Ответ

1 голос
/ 21 января 2020

Попробуйте это: 

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