React-native-navigation скрыть панель навигации на экране входа в систему?

Я использую реагирующую нативную навигацию в своем реагирующем нативном приложении для навигации. Я хотел скрыть панель навигации на первом экране, который я пытался

{ navBarHidden: true}

Полный код для навигации:

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

Не показывает никаких ошибок и все еще может видеть панель навигации на моем экране входа в систему.


ios react-native android react-native-navigation
person Ragnar    schedule 22.04.2018    source источник

Ответы (5)


arrow_upward
3
arrow_downward

В React-native-navigation V2 отключить панель навигации: topBar: { visible: false }

Navigation.setRoot({
      root: {
        stack: {
          id: "App",
          children: [
            {
              component: {
                name: "rci.Login",
                options: {
                  topBar: {
                    visible: false
                  }
                }
              }
            }
          ]
        }
      }
    })
person Payel Dutta    schedule 28.11.2018

arrow_upward
2
arrow_downward

я изменился

 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'
  });

И это работает как шарм.

person Ragnar    schedule 22.04.2018

arrow_upward
0
arrow_downward

Стили объявлены в navigatorStyle, который может быть объявлен статически. на экране или динамически при нажатии на экран или вызове startSingleScreenApp

person guy.gc    schedule 23.04.2018

arrow_upward
0
arrow_downward

В новой версии react-native-navigator (2.0) вы должны добавить параметр в navigatorStyle вместо navigationBarStyle.

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

Это сделает работу.

person Juan Pereira    schedule 25.07.2018

arrow_upward
0
arrow_downward

Это для [email protected]

{
   headerMode: 'none',
   navigationOptions: {
     headerVisible: false,
   }
 }

Полный код

const RootStack = createStackNavigator(
{
   Login: { screen: Login},
   Signup: { screen: Signup},
   ForgotPassword: { screen: ForgotPassword},
 }, 
 {
   headerMode: 'none',
   navigationOptions: {
    headerVisible: false,
   }
 }
)
person kamalesh biswas    schedule 31.01.2020
comment
Его вопрос касается реактивной нативной навигации, а не реактивной навигации. - person Gunnar Torfi Steinarsson; 20.02.2020