react-navigation-drawer相关内容

在Reaction本机中调用addListener的位置

我们正在进行Reaction Native项目。在这一点上,我们在其中显示了选项卡栏,同时也显示了侧边栏。 因此,对于侧栏,我们添加了反应导航库。但是,在Android系统中,如果用户点击设备的后退按钮,如果抽屉是打开的,我们就必须将其关闭。 因此,我们正在componentDidMount()中添加addListener,并在componentWillUnmount()中删除它。 但 ..

在Reaction本机导航中动态更改标题标题

对于一项学校作业,我们在REACT原生中创建了一个应用程序,带有REACT导航和REDUX功能。因为我们所有人都是新手,所以我们有一个无法解决的问题。 我们希望在单击某个按钮时更改标题。我们第一次单击按钮时,它会很好地更改标题标题。当我们按下不同的按钮时,问题就出现了,页眉没有改变。请注意,无论我们选择哪个选项,我们总是转到同一个屏幕。 import React from 'react ..

如何在 react-navigation-drawer Drawer 组件中获取当前的路由名称?

我已经使用这些库创建了我的 App Navigator 组件 反应导航 反应导航堆栈 反应导航抽屉抽屉嵌套在主堆栈内. 抽屉堆 const DrawerMenu = createDrawerNavigator({家: {屏幕:首页},我的账户: {屏幕:我的账户}},{叠加颜色:“rgba(0, 0, 0, 0.7)",手势启用:假,initialRouteName: "家",c ..

当我使用 pop() 返回时导航时,应用程序崩溃

最初,该应用程序运行良好,之后我在 Authenticated 堆栈上创建了一个 custom stack(当用户通过 Authenticated 时的屏幕). 当我使用 pop() 返回时导航时,应用程序崩溃,但使用导航或 goBack() 可以正常工作. inActiveUser => 使用 Pan Responder 检查用户触摸事件,以便在用户处于非活动状态时注销. Au ..

React Navigation 5 隐藏抽屉项目

我试图隐藏在抽屉导航器中按下我的一个路线的能力,因为它是另一个导航器和应用程序中的默认位置.我希望抽屉仅用于导航到不适合其他地方的用户流程的无关路线.在 React Navigation 5 之前,我可以通过简单地设置 drawerLabel: () =>空.但是现在有了这些变化,我无法弄清楚如何以同样的方式隐藏它. 以下是我当前的导航代码: const DrawerNavigator = ..

对react-navigation的选项卡导航器的特定选项卡按钮进行自定义导航操作

我想从选项卡上的特定按钮打开抽屉(例如,选项菜单),而不是导航至屏幕.我当前的解决方案正在使用react-navigation v2,但是当我们从v2升级到react-navigation的v3,并将react-native从v57升级到v60时,该解决方案已停止工作. 在选项卡栏中有一个虚拟屏幕分配给菜单选项卡按钮,我正在使用tabBarOnPress()拦截导航操作.该方法将打开抽屉,如 ..

退出抽屉中的子堆栈导航器时,如何通过react-navigation转到initialRoute?

我用react-native,expo和react-navigation构建了一个应用程序.我有一个主抽屉式导航器,其中有2个其他堆栈导航器.一个堆栈导航器有2页; Products和产品.当我单击Products页面中的一种产品时,它会进入Product页面. Ben,如果我在抽屉式导航器中单击另一个链接,则我希望“产品"页面的堆栈导航器在离开堆栈导航器时将返回到其initialRoute. ..

如何从抽屉式导航器菜单导航到特定选项卡

从抽屉项目中按下时,我必须导航至特定选项卡.我搜索了很多东西,但是找不到与我的问题有关的任何东西 我尝试遵循此导航操作链接,但无法找到实现方法 从Drawer Navigator导航到特定选项卡. const TabNavigator = createMaterialTopTabNavigator( { Upcoming: { screen: UpcomingScreen ..

withNavigation仅可用于导航器的视图层次结构

我遇到了错误: 不变违反:withNavigation只能在视图上使用 导航器的层次结构.包装的组件无法获取 从道具或上下文访问导航 我不知道为什么,因为我在应用程序的其他组件中使用了withNavigation,并且可以正常工作.我看不到导致错误的组件的差异. 代码: 组件: const mapStateToProps = (state: State): Objec ..