【问题标题】:How can I disable react native stack navigator on specific screens?如何在特定屏幕上禁用反应本机堆栈导航器?
【发布时间】:2021-03-25 11:18:03
【问题描述】:

在我的 React-Native 应用程序中,我使用堆栈导航器在登录屏幕和主屏幕之间导航。但是,问题在于,当我转到主屏幕时,我想切换到选项卡导航,并且我不希望用户能够点击后退箭头并返回登录屏幕。那么如何才能在登录屏幕上完全禁用堆栈导航器呢?

【问题讨论】:

    标签: javascript react-native react-navigation stack-navigator


    【解决方案1】:

    创建一个堆栈导航器函数,并且只存储主屏幕,如下所示:

        import React, { Component } from 'react';
    
        import {createStackNavigator} from 'react-navigation-stack';
    
        import LoginScreen from 'LoginScreen';
    
    
        export const AppStackNavigator = createStackNavigator(
       
    
         {
               LoginScreen:{
                  screen: LoginScreen
              }
            },
        
            {
                initialRouteName: 'HomeScreen'
            }
    

    )

    对选项卡导航器执行相同操作,但使用主屏幕并使用 createTabNavigator。确保安装软件包。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2022-01-23
      • 1970-01-01
      • 2021-06-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多