React native 反应导航：如何使底部选项卡的按钮不显示？ 代码 从“React”导入React； 从“react native”导入{文本、视图、按钮}； 从“react navigation”导入{createAppContainer，NavigationActions}； 从“反应导航选项卡”导入{CreateBoottomTabNavigator} 类Page2扩展了React.Component{ openPage3（）{ this.props.navigation.dispatch（NavigationActions.navigate({ routeName:“第3页”， 参数：{}， })); } 渲染（）{ 返回( {this.openPage3（）}}/> ); } } 类Page3扩展了React.Component{ 渲染（）{ 返回( ); } } const TabNavigator=createBottomTabNavigator({ // ... 第2页：{屏幕：第2页}， 第3页：{screen:Page3}，//我希望他不会出现在选项卡上，但同时他可以调用此页。 }); 导出默认createAppContainer（TabNavigator）；

如上所述， 我希望

page3

不会出现在选项卡上，但同时他可以调出这个页面

如何更改代码

文件：

---

从

CreateBoottomTabNavigator

中删除第3页。假设您想从第1页呼叫第3页。你可以这样做

    const PageNav = createStackNavigator({
      Page1: { screen: Page1 },
      Page3: { screen: Page3 }
    });
    const TabNavigator = createBottomTabNavigator({
      Page1: PageNav,
      Page2: { screen: Page2 }
    });

在page1类中，只需执行以下操作即可导航到page3

class Page1 extends Component {
    Navigate = () => {
    this.props.navigation.navigate('Page3');
    }
     render() {
    return(
    <View>
      <TouchableOpacity onPress={this.Navigate} />
    </View>}
    );
}

class Page1扩展组件{
导航=（）=>{
this.props.navigation.navigate（'Page3'）；
}
render（）{
返回(
}
);
}