如何在反应本机导航中将屏幕设置为不显示在底部TabBar答案

【问题标题】：How to set a screen to not show on the bottomTabBar in react native navigation如何在反应本机导航中将屏幕设置为不显示在底部TabBar
【发布时间】：2019-01-10 15:07:21
【问题描述】：

我正在尝试导航到本机反应的屏幕，但我不希望该屏幕显示在底部导航中。我希望导航栏中的所有其他屏幕都能够导航到单独的屏幕，但单独的屏幕一直显示在底部导航栏上。我怎样才能将它设置为不在那里显示？谢谢！

【问题讨论】：

标签： react-native react-navigation

【解决方案1】：

你不能这样做。最好的解决方案是为每个选项卡屏幕使用一个 stacknavigator，然后在每个 stacknavigator 中使用该屏幕，这样它就不会更改选项卡

为tabnavigator的每一页创建这个组件

import React, { Component } from 'react';
import { createStackNavigator} from 'react-navigation';
import Tabpage1 from '../TabPage1 ';
import Hiddenscreen from './Hiddenscreen '

var TabItem1= createStackNavigator(
  {
    Tabpage1 :{screen:Tabpage1 }, //change this for each page
    Hiddenscreen :{screen:Hiddenscreen }, //this is the "global" screen
  },
  {
    headerMode: 'none'  
  }
);

export default TabItem1;

然后在tabnavigator中

import {createBottomTabNavigator,createAppContainer } from "react-navigation";

import TabItem1 from './TabItem1'
import TabItem2 from './TabItem2' //etc,etc

var Tabs = createBottomTabNavigator({
    TabItem1: {screen:TabItem1},
  TabItem2: {screen:TabItem2}//etc,etc,etc
}); 

export default createAppContainer(Tabs);

更多信息here，查看this snack 了解 react-navigation 2.0

【讨论】：