Я получаю неожиданный верхний заголовок в реагирующей навигации

Question

Я использую createBottomTabNavigator реагирующей навигации для компонента вкладки в реактивной.Проблема в том, что я получаю ненужный верхний заголовок.

Это изображение, которое я получаю сейчас.

Я хочу удалить верхний заголовок.Пожалуйста, помогите мне.

Это мой код навигатора.

import HomeContainer from 'src/mainView/homeContainer'
import CameraPage from 'src/mainView/pages/cameraPage'
import CarOwnerVoicePage from 'src/mainView/pages/carOwnerVoicePage'
import ProfileContainer from 'src/profile'

const TabNavigator = createBottomTabNavigator(
  {
    home: {screen: HomeContainer},
    carOwnerVoice: {screen: CarOwnerVoicePage},
    camera: {screen: CameraPage},
    profile: {screen: ProfileContainer}
  },
  { 
    headerMode: 'none' ,
    tabBarOptions: {
      labelStyle: {
        fontSize: 15,
        marginBottom: 10,
        padding: 0,
      },
    },
  }
);

export default createAppContainer(TabNavigator);

Answer 1

Это была моя ошибка.Этот TabNavigator используется в качестве экрана в другом навигаторе, и это была проблема.

const MainView = createAppContainer(TabNavigator);

MainView.navigationOptions={
  header: null
}

export default MainView;

Я изменил код, и теперь он работает.Спасибо за ваши усилия и советы.

Answer 2

Если вы хотите спрятаться на определенном экране, чем делать это так:

// create a component
export default class Login extends Component<{}> {
  static navigationOptions = { header: null };
}

Answer 3

Вы можете найти более подробное описание на здесь .

Пожалуйста, попробуйте ниже код, это может решить вашу проблему.

const TabNavigator = createBottomTabNavigator(
  {
    home: {screen: HomeContainer},
    carOwnerVoice: {screen: CarOwnerVoicePage},
    camera: {screen: CameraPage},
    profile: {screen: ProfileContainer}
  },
  { 
    tabBarOptions: {
      labelStyle: {
        fontSize: 15,
        marginBottom: 10,
        padding: 0,
      },
    },
  }
);

TabNavigator.navigationOptions={
    header:null,
}

export default createAppContainer(TabNavigator);