在react导航中获取当前routeName

文章/答案/技术大牛

发布

1回答

react-native、routes、navigation、state

我想在react navigator中获取当前routeName的名称。我遇到了三种解决方案： 1. const { routeName } = navigation.state.routes[navigation.state.index]; 2. this.props.navigation.state.RouteName请帮我找出在导航时找到活动屏幕名称的正确方法。

浏览 108提问于2019-07-03得票数 0

1回答

routeName更改时的React导航触发器

reactjs、react-native、react-navigation

我正在为导航屏幕使用react导航。我使用了嵌套导航、TabNavigator和StackNavigator。在不使用Redux的情况下，如何知道在当前屏幕中已被滑动/切换到其他屏幕并更改屏幕内的state。我尝试获取this.props.navigation.state.routeName，它获取屏幕的routeName，但是当routeName发生变化时如何触发 co

浏览 0提问于2017-11-03得票数 0

1回答

如何有条件地阻止在react-native中导航

react-native、react-navigation

在我的react原生应用程序中，我有表单屏幕，用户必须在其中填写一些详细信息。如果用户开始填写表单并想要离开，我想要警告“您将丢失您的详细信息...”。问题是，导航可以从许多不同的地方-抽屉，标签等。我知道我可以使用componentWillBlur捕捉离开前的时刻，但是我找不到一种在这种方法中实际取消导航的方法。

浏览 13提问于2019-01-14得票数 1

33回答

如何在反应导航中获取当前路由名称？

android、ios、react-native、react-navigation

我想要的名称，目前的路线或屏幕在反应-导航，我想使用内，如果条件，以作出一些改变。

浏览 6提问于2018-10-29得票数 97

回答已采纳

1回答

如何隐藏模态屏幕上的底部栏？

react-native、react-navigation

下面是我的底部选项卡导航器，它包含我的所有选项卡： )这里是堆栈导航器，它包含多个屏幕，但也包含一个应该以模式显示的屏幕(因此没有底部栏)。fullScreenModal', /> )将a

浏览 1提问于2021-11-08得票数 2

回答已采纳

6回答

React本机清除堆栈导航器堆栈

javascript、react-native、react-navigation、stack-navigator

屏幕1->屏幕2-屏幕3->屏幕4-主页 index: 0, actions: [Na

浏览 2提问于2017-09-21得票数 20

3回答

是否有可能将选项卡导航器从嵌套在选项卡中的堆栈中的屏幕中隐藏？

react-native、react-navigation-v6

我有一个带有一些屏幕的Stack和一个像"Profile“这样的初始路径，当我从"Profile”屏幕通过navigation.navigate("Options")导航到"Options“时，我不想看到底部的选项卡<Tab.Screen name="ProfileNav" component={ProfileNav}> );我使用的是React导航v6。我已经看到文档描述了如何

浏览 13提问于2022-03-24得票数 2

回答已采纳

1回答

卸载所有先前安装的屏幕，退出后按下该应用程序。

react-native、react-navigation

因此，在我的例子中，我觉得最好的方法是卸载所有以前安装的组件，以便当前屏幕成为堆栈中的第一个屏幕。登录名字。。。还有更多我需要的是，当我在名称屏幕上，如果有人按后退按钮，应用程序应该退出。但是，如果有人在电子邮件屏幕上，用户应该只能返回到Name屏幕。

浏览 3提问于2020-02-22得票数 0

回答已采纳

5回答

NavigationActions.reset不是一个函数吗？

react-native、react-navigation

我创建了一个具有Welcome屏幕的项目，导航到MainActivity屏幕。我希望当用户单击“后退”按钮时，它将关闭MainActivity中的应用程序，而不是返回到Welcome屏幕。我使用库react-navigation，所以我从Github那里寻找了一些解决方案。import React, { Component } from 'react'; import { View, Text, ActivityIndicator

浏览 3提问于2018-06-10得票数 25

回答已采纳

4回答

如何在子导航器中从父导航器导航到屏幕？

reactjs、react-native、react-redux、react-navigation

假设我有这个导航器结构 Foo: { screen: FooScreen }, Main: { screen: Child },}); 如何从Child中的屏幕访问Parent中的屏幕例如，我想从Baz导航到Bar。在之后，它声

浏览 8提问于2017-07-07得票数 2

回答已采纳

2回答

如何使用react导航在react本机中加载相同的最后一个组件类？

android、ios、reactjs、react-native、react-navigation

createStackNavigator({one: ComponentOne,two: ComponentTwo,three: ComponentThree}); 现在，当我加载应用程序时，ComponentOne将被加载，在ComponentOne中，当我单击按钮Go To Component Two时，它将导航到ComponentTwo，在ComponentTwo中，当我单击按钮Go To Component Three时，它将导航到ComponentThree现在假设我在

浏览 1提问于2018-11-12得票数 1

回答已采纳

3回答

按钮按下复位StackNavigator反应本机

react-native、stack-navigator

我使用React导航在按下按钮的屏幕之间导航。我可以很好的浏览屏幕。但是，在一个导航中，我还想重新设置stackNavigator.我已经研究过使用stackNavigator方法重置NavigationActions.reset()的解决方案，但是我无法让它在Button为了重新处理，我不得不尝试使用一个按钮来导航到一个新的屏幕，并重新设置stackNavigator。这是我的代码： import React from 'react

浏览 2提问于2018-05-27得票数 3

回答已采纳

5回答

获取反应性导航中选项卡导航器的当前活动屏幕路由

reactjs、react-native、react-navigation

这是我使用ReactiveNavigationv3.2.1的导航堆栈假设选项卡导航堆栈有2个导航屏幕

浏览 0提问于2019-03-16得票数 11

回答已采纳

1回答

用世博通知处理不入行通知

react-native、redux、react-redux、expo、expo-notifications

然而，的问题是，我既不能访问导航状态，也不能访问redux状态，因为对通知的处理发生在默认屏幕主函数之外，该函数涵盖所有变量，而且还通过导航使用道具。这里禁止调用redux钩子，而且我也没有访问导航状态的权限，因为我无法访问通过导航获得的支持变量。如何显示我的通知然后取决于我在哪个屏幕上？像Facebook这样的公司是如何做到的呢？如果你在聊天屏幕上，你不会收到通知，但是如果你在通知之外--“从.收到的新消息”会显示。

浏览 2提问于2021-08-27得票数 4

回答已采纳

2回答

从屏幕中获取活动路由名称。

react-native、react-navigation、react-navigation-stack

我创建了一个堆栈导航器，并试图根据当前屏幕路由名称进行UI更改，但是，props.navigation.state在导航到另一个屏幕时没有得到更新，而是在主屏幕中访问它： console.log(navigation.state.routeName)注意:我使用的是react导航版本4.4.1。

浏览 5提问于2022-01-04得票数 0

1回答

(在“navigationRef.isReady()”中)

javascript、reactjs、react-native

在我的react本机应用程序App.js中，我为firebase通知设置了一个侦听器，我还设置了导航，以便在通知处理程序函数中导航和获取当前名称，但是当我的应用程序挂载这个错误时：getCurrentRoute

浏览 24提问于2022-05-05得票数 0

2回答

使用NavigationService在react组件外部导航、弹出、复位

javascript、reactjs、react-native、react-navigation

我将在react组件之外使用react navigation，这样我就无法访问道具，我可以为navigate这样做，但我不知道如何为reset和pop实现它--这是我的navigate代码 _navigator = navigatorRef; function navigate(<

浏览 0提问于2019-09-07得票数 0

回答已采纳

5回答

如何仅禁用其中一个导航器屏幕的抽屉导航滑动？

javascript、react-native、react-navigation

我有一个自定义的导航抽屉，在一个特定的屏幕上，我不希望它可用。这是我的简短代码。此导航器也包含在交换机导航器中。我已经在git-hub和其他论坛上挖掘过了，但目前什么都不起作用。}) export default createAppContainer(UserNavigation) 还有一个working code on expo，但我尝试了and和and，结果显示了两个导航器，而且在屏幕上我不想显示它出现的抽屉。

浏览 46提问于2019-03-15得票数 7

回答已采纳

3回答

当导航器尚未创建时，如何从链接(与branch.io的深度链接)导航？

javascript、typescript、react-native、deep-linking、branch.io

我在很大程度上遵循了react导航深度链接和branch.io react本机文档，这两种文档要么都不推荐使用，要么只是没有完全的帮助。我想要的是，每当深层链接从链接中读取，导航到某个屏幕时，我不希望在特定屏幕上实现侦听器，我希望在根路径上实现侦听器，它要么是onReady (对我来说不起作用)，要么是来自导航器容器的链接。Linking.removeEventListener('url', onReceiveUR

浏览 7提问于2021-08-27得票数 3

回答已采纳

3回答

React-从子节点导航回特定的父节点

reactjs、react-native、react-redux、react-navigation

我正在开发项目，使用redux的react导航。问题是当我在DrawerNav (首页)上并转到PatientRecordNavigation ->菜单，但当按下后退按钮时，操作不是从PatientRecordNavigation (菜单)回到->首页，而是回到ChooseAnimal，我不想转到ChooseAnimal，但需要转到首页(就像在浏览器上的历史记录，总是返回到以前的导航)。Reminders: { screen: Reminders } { initialRouteName:

浏览 19提问于2018-01-29得票数 0

点击加载更多