问题标签 [stack-navigator]

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 回答
731 浏览

react-native - 在本机反应中获取关于后退导航的 AsyncStorage 数据

我有一个主屏幕,可以从中提取一些数据AsyncStoragecomponentDidMount()我正在使用StackNavigator从我的主屏幕移动到另一个屏幕来添加一些数据,AsyncStorage这些数据也应该显示在主屏幕上。多亏了StackNavigator我在第二个屏幕上有一个后退箭头,它允许导航回到我的主屏幕。我的主屏幕componentDidMount()不会在该后退导航中被调用,因此我的主屏幕不会使用我添加的新数据进行更新。

我现在不知道AsyncStorage在我的主屏幕上从哪里拉。

0 投票
1 回答
506 浏览

react-native - React Native StackNavigator 将图像添加到标题

对此感到抱歉,但我是 rect native 的新手,并试图将图像添加到 StackNavigator 标题。我有以下代码

}

ImageHeader 组件

但是当我运行应用程序时出现以下错误。

在此处输入图像描述

有人可以解释我做错了什么吗?任何帮助将不胜感激。提前致谢

0 投票
1 回答
72 浏览

android - React Native - 无法获取已通过导航器传递的参数(从堆栈导航器到抽屉导航器)。接收:对象未定义

参数已通过,我可以在日志中看到它们,但我无法访问它们。屏幕一是登录屏幕,位于堆栈导航器内,屏幕二是配置文件屏幕,位于抽屉导航器内。

在屏幕一中:

上面的行有效,并且选择了正确的数据以进行传递。参数已成功传递,我可以在日志中看到这一点。

在屏幕二内:

我尝试过多种方式来“捕捉”或“调用”传递的参数。

1.

2.

3.


我查了一下,第一种方法似乎是最推荐的,但我仍然收到指向该行第一部分的未定义对象错误this.props.navigation.params

我读过当请求的参数没有值时会发生未定义的对象错误。但是我可以在日志中看到这个参数有一个值。

是否有一种特定的方式可以在两种不同类型的导航器之间传递数据和调用参数?

0 投票
1 回答
612 浏览

reactjs - 更改 TabNavigator 时重置 StackNavigator

我的堆栈导航器有问题...我有两个导航

所以我想当我在第 2 页并单击主(tabNavigator)时,我的 stacknavigator 重置到第 1 页...

应用程序.js

但我不管理

0 投票
1 回答
134 浏览

javascript - 渲染屏幕时自动调用函数

所以我有一个标题栏,当我使用 stackNavigation 打开个人资料屏幕时会隐藏它

配置文件屏幕:

这从父类调用 updateHeader 然后调用函数

主要(父类):

它有效,但有点慢。

当我导出项目时它会更好地工作吗?

我也收到了这个警告:

警告:在现有状态转换期间无法更新(例如在render或其他组件的构造函数内)。渲染方法应该是 props 和 state 的纯函数;构造函数副作用是一种反模式,但可以移至componentWillMount.

我应该怎么做才能解决这个问题?

0 投票
1 回答
1045 浏览

react-native - 路由到父导航器 - React Native

我有一个嵌套在另一个 stackNavigator 中的 stackNavigator:

我的子导航器位于 signup.js 组件上。我在哪里

当 userRegistration 在 Email.js 屏幕上成功时,我想导航到 Home.js 屏幕,但它在我的父堆栈中。我可以取出嵌套堆栈并将这些组件放入父堆栈中,但是我认为如果我学会了如何通过堆栈进行路由(尤其是在将来)会很有帮助。

是否可以通过 React Native 中的 stackNavigator 进行路由?

0 投票
1 回答
2408 浏览

reactjs - React Navigation Header change with screen

I have a StackNavigation and want a default Header (component Header) and want that "deep pages" shows up with the default header generated for the React Navigation.

In my index page **Index**, just wanted the Header component(first header)...but shows up another blank header:

enter image description here

In my "deep page" **Teste** just want the title and back button autogenarated by RNav(second header)...but the first header shows up.

enter image description here

This is my nav config:

0 投票
3 回答
10600 浏览

javascript - 在 React Native 中为什么要使用 const 类型,例如:const { navigate } = this.props.navigation;?

我正在为学校做一个项目并使用本机反应。诚然,我在 JavaScript 方面是新手。我不明白为什么在React Navigation 教程中他们使用 const 类型。

所以我的问题是: const 类型用于const { navigate } = this.props.navigation;

0 投票
1 回答
226 浏览

react-native - React StackNavigator 与提升状态 howto

我使用 StackNavigator 在几个屏幕之间导航。在这些屏幕中,我将收集用户信息。我希望这些信息以一种状态存储,以便每个视图都具有相同的信息。我得到了这个工作,但我认为这不是正确或理想的,因为我跟踪 2 个状态。一个在起始视图中,一个在当前视图中。因此我的问题是,是否可以只使用一种状态?

这是我的代码:

我创建 StackNavigator 的根类:

这是我第一次查看购物车:

这是我的第二个观点:

问题是我需要像这样设置两种状态:

这是最好的方法吗?

0 投票
1 回答
598 浏览

react-native - react-native 中的全局汉堡菜单

我正在尝试实现一个元素,该元素将充当汉堡菜单,以从所有屏幕切换我的抽屉导航器。但是,我的汉堡菜单(又名 MenuToggle)不会出现在我的任何界面中。以下是可以重现问题的 3 个文件:

现在这是我的contact.js

这是我的 MenuToggle.js

我的 MenuToggle.js 永远不会出现在联系人屏幕中。但是,如果我注释掉position:absolute,那么它会出现在我的标题下方和左侧一点。但我需要它出现在覆盖在标题顶部的屏幕右上角。

如何让这个汉堡菜单出现在右上角的所有屏幕上?