如何在反应本机导航中将屏幕设置为不显示在底部选项卡栏上

Question

我正在尝试在 react native 中导航到屏幕，但我不希望该屏幕显示在底部导航栏上。我希望导航栏中的所有其他屏幕都能够导航到单独的屏幕，但单独的屏幕一直显示在底部导航栏上。如何将其设置为不显示在那里？谢谢！

Answer 1

你不能这样做。最佳解决方案是为每个选项卡屏幕使用堆栈导航器，然后在每个堆栈导航器中使用屏幕，这样它就不会更改选项卡

为选项卡导航器的每个页面创建此组件

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;

然后在选项卡导航器中

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);

更多信息在这里，查看这个零食的反应导航2.0