Warm tip: This article is reproduced from stackoverflow.com, please click
android ios react-native react-native-navigation

React-native-navigation hide navigation bar on login screen?

发布于 2020-03-28 23:16:37

I am using the react-native-navigation in my react-native application for navigation. I wanted to hide navigation bar on first screen I tried

{ navBarHidden: true}

The complete code for navigation is:

 Navigation.startSingleScreenApp({
    screen: {
        label: "Login",
        screen: "LoginComponent",
        icon: require('./asset/menu.png'),
        title: "Login",
      }, 
      navigationBarStyle : {navBarHidden: true },
      passProps: {},
      animationType: 'slide-down'
  });

Not showing any error and still can see the navbar on my login screen.

Questioner
Ragnar
Viewed
23
Ragnar 2018-04-23 02:23

I have changed

 Navigation.startSingleScreenApp({
    screen: {
        label: "Login",
        screen: "LoginComponent",
        icon: require('./asset/menu.png'),
        title: "Login",
      }, 
      navigationBarStyle : {navBarHidden: true },
      passProps: {},
      animationType: 'slide-down'
  });

to

   Navigation.startSingleScreenApp({
        screen: {
         label: "Login",
        screen: "LoginComponent",
        icon: require('./asset/menu.png'),
        title: "Login",
       navigationBarStyle : {navBarHidden: true },
      }, 
      passProps: {},
      animationType: 'slide-down'
  });

And it works like as charm.