如何从反应原生中删除应用栏？答案

【问题标题】：How to remove app bar from in react native?如何从反应原生中删除应用栏？
【发布时间】：2018-09-22 17:32:48
【问题描述】：

我是原生反应的新手。

我正在尝试创建两个屏幕。我的问题是我不想在第一个屏幕上显示应用程序栏，但我希望在第二个屏幕上显示应用程序栏，因为我需要返回。

按下第一个屏幕上的卡片进入下一个屏幕，并使用createStackNavigator 进行导航。

import React, { Component } from 'react';
import { createStackNavigator } from 'react-navigation';
import HomeScreen from './components/homeScreen';
const RootStack = createStackNavigator(
    {
      Home: HomeScreen,
    //   Details: DetailsScreen,
    },
    {
      initialRouteName: 'Home',
    },
    { headerMode: 'none' },
  );


export default class App extends Component {
  render() {
    return ( 
      <RootStack/>
    );
  }
}

【问题讨论】：

检查stackoverflow.com/questions/46065819/…

标签： javascript reactjs react-native react-router

【解决方案1】：

只需这样做，它就会删除应用栏

class YourClass extends React.PureComponent {

static navigationOptions = {
    header: null,
  }

【讨论】：

【解决方案2】：

人们通过使用 @react-navigation 和 React Native 或 Expo（在本例中为选项卡导航）来到这里：

    <NavigationContainer>
      <Tab.Navigator
        screenOptions={{ headerShown: false }}

如果您想有条件地应用它，只需将“headerShown”挂钩到状态变量即可。

【讨论】：