问题标签 [react-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 投票
4 回答
20951 浏览

javascript - React Navigation - 无法读取未定义的属性“导航”

我一直在尝试使用反应导航启动并运行,但是当我尝试将导航项移动到它们自己的组件中时遇到了问题。

HomeScreen.js

然后在 NavButton 组件中,我尝试导航到新屏幕。

但我不断收到错误“无法读取未定义的属性'导航'。

这也是我的 Router.js 文件。

0 投票
1 回答
239 浏览

react-native - 反应导航传播运算符

我正在使用 React Navigation,并且为导航选项提供了以下示例。我不知道传播运算符在这里做什么......

0 投票
3 回答
30770 浏览

reactjs - 如何获取当前导航状态

我正在使用来自https://reactnavigation.org/docs/navigators/tab的 React Navigation 的选项卡导航器,当我在选项卡屏幕之间切换时,我在 this.props.navigation 中没有任何导航状态。

选项卡导航器

仪表板屏幕:

当它首先呈现组件时,我在仪表板屏幕上获得道具,但在切换选项卡时我没有得到道具。我需要获取当前的屏幕名称,即今天或本周。

0 投票
25 回答
152054 浏览

reactjs - 在反应导航中禁用后退按钮

我正在使用反应原生导航(react-navigation)StackNavigator。它从登录页面开始,贯穿应用程序的整个生命周期。我不想有返回选项,返回登录屏幕。有谁知道登录屏幕后如何将其隐藏在屏幕上?顺便说一句,我还使用以下方法将其隐藏在登录屏幕中:

0 投票
1 回答
1587 浏览

reactjs - 反应导航抽屉位置

我正在使用来自https://reactnavigation.org/docs/navigators/drawer的 React Navigation 的抽屉,我想在标题下方给出抽屉的起始位置,但我不知道如何实现这一点。我一直在查看 reactnavigation.org 的文档,但找不到任何提示。

0 投票
5 回答
66432 浏览

javascript - React Native,更改 React Navigation 标题样式

我正在我的 React Native 应用程序中实现React Navigation,并且我想更改标题的背景和前景色。我有以下内容:

默认情况下,标题的背景颜色为白色,前景为黑色。我还查看了 React Navigation 的文档,但我无法找到它显示如何设置样式的位置。有什么帮助吗?

0 投票
10 回答
79347 浏览

react-native - 带有登录屏幕的反应导航

我正在尝试使用 react-navigation 创建一个没有标签栏和标题的初始登录屏幕,一旦用户成功通过身份验证,将导航到另一个名为 LISTRECORD 的屏幕,该屏幕有标签栏、标题和没有后退按钮选项。有人有这方面的经验,可以分享吗?

总之,我试图通过反应导航实现的目标如下所述......

屏幕 1:登录屏幕(无标题和标签栏)已通过
身份验证...
屏幕 2:LISTRECORD(标题、标签栏和无后退按钮)
标签栏还包含其他标签,用于导航到屏幕 3、屏幕 4...

0 投票
1 回答
3167 浏览

react-native - react-navigation 中 goBack 上的 React Native Pass 属性?

我使用react-navigationwithStackNavigatior来浏览屏幕。我从屏幕 A 导航到屏幕 B,在这里我可以从选项列表中选择一个选项。

按完成后,我想返回屏幕 A 并查看我在屏幕 B 中选择的选项。

我怎样才能做到这一点 ?

我试图将选择的选项传递给goBack()方法,但它不起作用。

0 投票
2 回答
1537 浏览

android - React Navigation:顶级组件缺少道具

我通过以下方式设置了堆栈导航器

如您所见,我在标题中使用了一个组件 HeaderRight,其中包含一些图标 - 设置 cog、配置文件等。我希望能够从这些图标的 TouchableOpacity onPress 方法中导航。但是该组件中缺少导航道具“this.props.navigation”。

官方文档页面有这个关于如何调用顶级组件导航的代码示例,并建议使用'ref'

我无法在我的示例中看到它是如何工作的。有人可以帮忙吗?谢谢

巨大的

0 投票
1 回答
10383 浏览

javascript - react-navigation:如何根据当前选项卡更改 tabBar 颜色

我开始使用反应导航。
更改选项卡时如何更改 tabBar 背景颜色?

这是一些伪代码,显示了我的期望:

目前它总是默认为白色(这很好,因为我的代码是错误的 :-) 所以我如何在 routeName 或 iconLabel 或其他任何东西上传递触发这个逻辑的东西。

非常感激任何的帮助。
提前致谢。
干杯