问题标签 [ex-navigation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
600 浏览

react-native - 安装组件后更改前导航栏标题

Ex-navigation允许使用静态路由定义导航栏标题

在安装组件后,我需要以title编程方式设置 navigationBar,因为它取决于从服务器接收的数据。我该怎么做?

我尝试过使用props.route.config,但这仅在调用时有效,componentDidMount()但在组件生命周期的后期无效。

0 投票
0 回答
105 浏览

react-native - 使用 ex-navigation 和 exponent.js 如何路由到新堆栈?

我希望从 redux 操作触发导航到详细信息屏幕 - 我如何使用指数前导航来做到这一点?我应该使用navigation.performAction吗?该方法的文档在哪里?这将是一条带有新堆栈的路由,因为它们将来自创建屏幕,并且不应按回创建表单。这也将是存在于选项卡导航之外的路线。

0 投票
2 回答
702 浏览

javascript - 将动态标题传递给反应原生中使用的前导航中的路由

我正在使用单个组件来处理多个任务(例如,带来食物/打扫房间)。我将任务标题作为道具传递给组件并相应地呈现。该组件将使用不同的道具多次调用。我正在使用ex-navigation 在我的任务组件中呈现我的导航栏,如下所示:

现在我希望标题是动态的并使用道具中的值(标题:this.props.title)。现在,由于这是一个静态变量,我如何在静态路由变量中使用 props 值(仅在初始化构造函数后出现)来根据传递给组件的 props 使我的标题动态化。

0 投票
1 回答
5380 浏览

react-native - 在 react-navigation 中,routeName 和 key 有什么区别?

有点令人困惑的一件事是路由名称和密钥之间的区别以及为什么要使用一个与另一个。以及如何处理重复的路线名称。

该文档说您用于routeName导航到屏幕,这key是“用于对路线进行排序的唯一标识符”。这意味着什么?

似乎路由名称不必是唯一的,如我的示例所示,因为外部选项卡和内部堆栈都具有相同的路由名称。当您使用导航功能时 - 您传递了路线名称,对吗?如果是这样,它如何区分嵌套导航器中的重复路由名称以及何时使用该键?

该文档有一个设置密钥的示例,但我无法理解它试图做什么的上下文,或者你为什么要在实际用例中这样做。

0 投票
1 回答
248 浏览

reactjs - 反应本机前导航更改路由器

我在使用 react-native ex-navigation 切换页面时遇到问题:错误:未定义不是对象(评估'this.props.navigator'

这是代码:

这是我用来导航的代码:this.props.navigator.push({name:'register'})

0 投票
0 回答
308 浏览

android - redux-persist 无法处理捆绑的 android apk 中的循环状态

我一直在开发一个 react-native 应用程序,并且一直在 IOS 和 Android 模拟器以及处于调试模式的设备上运行它。我已经将它打包并签署了发布版本,以准备放入应用商店和游戏商店。

IOS版本似乎工作正常,但Android apk给我以下错误:

“redux-persist:无法处理循环状态。考虑将状态结构更改为没有循环。或者将相应的减速器键列入黑名单。在键“/feed”处遇到循环,值为“[object Object]”。”

谁能告诉我这意味着什么以及如何解决?

我在我的主应用程序文件中使用 redux-persist 和 ex-navigation 进行路由,如下所示:

和我的初始化存储文件:

错误

0 投票
1 回答
1451 浏览

react-native - 如何在 react-native 和 ex-navigation 中一起使用 Drawer 和 Tab 导航

我正在 react-native 中构建一个应用程序并使用ex-navigation实现导航。我想使用 TabNav 来提供对最常用功能的快速访问,并将 DrawerNav 用于应该可用但不经常使用的功能。

我搜索并尝试了自己,但我不能同时拥有抽屉和标签导航。前导航示例应用程序两者兼而有之。它从抽屉导航开始,当我单击选项卡导航示例时,抽屉图标消失了。

有没有人有一些提示/提示如何完成这项工作?

0 投票
2 回答
15509 浏览

javascript - 使用选项卡反应本机导航注销功能

我正在尝试使用前导航在我的应用程序中实现登录/注销功能:

但是,如果我在其中一个 TabNavigationItem 屏幕上尝试注销,则选项卡导航内的页面会注销,而不是整个页面。基本上,我在设置页面(第三个选项卡)上有一个注销按钮,当我注销时,该选项卡会返回登录屏幕,而选项卡栏仍然存在。这是该设置组件中的功能:

是否有不同的导航器功能可以从整个选项卡视图导航?是否有一个监听器或我应该添加到父选项卡导航组件的东西?

0 投票
1 回答
849 浏览

javascript - React Native/Expo:屏幕之间的事件发射器;触发刷新

我已经搜索了这个网站和各种 Github 问题以寻求解决方案,但仍然有点卡住。本质上,这是我想要的流程:

  1. 登陆第一个组件/屏幕,其中包含一些信息
  2. 单击一个按钮并被推送到第二个组件/屏幕
  3. 在第二个组件/屏幕上做一些事情
  4. 弹回第一个组件/屏幕
  5. 返回此页面时是否显示刷新信息

问题:

  • 组件生命周期不起作用,因为当我从第二个组件弹出到第一个组件(父组件)时,在这种情况下我没有可以调用的组件生命周期方法。
  • 事件发射器不足以作为解决方案,因为它们只能在单个组件中工作(顺便说一句,这是正确的吗?)

非常感谢我能得到的任何帮助。谢谢!

0 投票
1 回答
1809 浏览

react-native - 处理 react-navigation 的 TabNavigator 中的单击事件以刷新反应原生应用程序中的视图

我正在编写 React Native 应用程序。我正在使用 react-navigation 来导航屏幕。我有 2 个 StackNavigator,它们都留在 TabNavigator 中。我还有一个 DrawerNavigator。

问题1:我希望当我点击标签home1或user1时,home1的屏幕(screenA)或user1的屏幕(screenC)会刷新。有没有办法处理哪个选项卡聚焦的事件?

问题 2:在 App 类的 DrawerMenu 中,我有一个道具“名称”。我希望 screenA 会收到道具“名称”。我要怎么做才能实现我的目标?

太感谢了。