如何从React Native中删除应用栏?

时间:2018-09-22 17:32:48

标签: javascript reactjs react-native react-router

我是新来的本地人。

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

通过从第一个屏幕中按卡片进入下一个屏幕,并且正在使用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/>
    );
  }
}

1 个答案:

答案 0 :(得分:0)

只需执行此操作,它将删除应用栏

class YourClass extends React.PureComponent {

static navigationOptions = {
    header: null,
  }