Question

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

Answer 1

您不能这样做。最好的解决方案是对每个选项卡屏幕都使用一个堆栈导航器，然后在每个堆栈导航器中使用该屏幕，这样它就不会更改选项卡

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

然后在标签导航器中

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以获取反应导航2.0

如何将屏幕设置为在本机导航中不显示在bottomTabBar上

1 个答案: