问题标签 [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.
react-native - 在本机反应中获取关于后退导航的 AsyncStorage 数据
我有一个主屏幕,可以从中提取一些数据AsyncStorage
。componentDidMount()
我正在使用StackNavigator
从我的主屏幕移动到另一个屏幕来添加一些数据,AsyncStorage
这些数据也应该显示在主屏幕上。多亏了StackNavigator
我在第二个屏幕上有一个后退箭头,它允许导航回到我的主屏幕。我的主屏幕componentDidMount()
不会在该后退导航中被调用,因此我的主屏幕不会使用我添加的新数据进行更新。
我现在不知道AsyncStorage
在我的主屏幕上从哪里拉。
android - React Native - 无法获取已通过导航器传递的参数(从堆栈导航器到抽屉导航器)。接收:对象未定义
参数已通过,我可以在日志中看到它们,但我无法访问它们。屏幕一是登录屏幕,位于堆栈导航器内,屏幕二是配置文件屏幕,位于抽屉导航器内。
在屏幕一中:
上面的行有效,并且选择了正确的数据以进行传递。参数已成功传递,我可以在日志中看到这一点。
在屏幕二内:
我尝试过多种方式来“捕捉”或“调用”传递的参数。
1.
2.
3.
我查了一下,第一种方法似乎是最推荐的,但我仍然收到指向该行第一部分的未定义对象错误this.props.navigation.params
我读过当请求的参数没有值时会发生未定义的对象错误。但是我可以在日志中看到这个参数有一个值。
是否有一种特定的方式可以在两种不同类型的导航器之间传递数据和调用参数?
reactjs - 更改 TabNavigator 时重置 StackNavigator
我的堆栈导航器有问题...我有两个导航
所以我想当我在第 2 页并单击主(tabNavigator)时,我的 stacknavigator 重置到第 1 页...
应用程序.js
但我不管理
javascript - 渲染屏幕时自动调用函数
所以我有一个标题栏,当我使用 stackNavigation 打开个人资料屏幕时会隐藏它
配置文件屏幕:
这从父类调用 updateHeader 然后调用函数
主要(父类):
它有效,但有点慢。
当我导出项目时它会更好地工作吗?
我也收到了这个警告:
警告:在现有状态转换期间无法更新(例如在render
或其他组件的构造函数内)。渲染方法应该是 props 和 state 的纯函数;构造函数副作用是一种反模式,但可以移至componentWillMount
.
我应该怎么做才能解决这个问题?
react-native - 路由到父导航器 - React Native
我有一个嵌套在另一个 stackNavigator 中的 stackNavigator:
我的子导航器位于 signup.js 组件上。我在哪里
当 userRegistration 在 Email.js 屏幕上成功时,我想导航到 Home.js 屏幕,但它在我的父堆栈中。我可以取出嵌套堆栈并将这些组件放入父堆栈中,但是我认为如果我学会了如何通过堆栈进行路由(尤其是在将来)会很有帮助。
是否可以通过 React Native 中的 stackNavigator 进行路由?
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:
In my "deep page" **Teste**
just want the title and back button autogenarated by RNav(second header)...but the first header shows up.
This is my nav config:
javascript - 在 React Native 中为什么要使用 const 类型,例如:const { navigate } = this.props.navigation;?
我正在为学校做一个项目并使用本机反应。诚然,我在 JavaScript 方面是新手。我不明白为什么在React Navigation 教程中他们使用 const 类型。
所以我的问题是: const 类型用于const { navigate } = this.props.navigation;
react-native - React StackNavigator 与提升状态 howto
我使用 StackNavigator 在几个屏幕之间导航。在这些屏幕中,我将收集用户信息。我希望这些信息以一种状态存储,以便每个视图都具有相同的信息。我得到了这个工作,但我认为这不是正确或理想的,因为我跟踪 2 个状态。一个在起始视图中,一个在当前视图中。因此我的问题是,是否可以只使用一种状态?
这是我的代码:
我创建 StackNavigator 的根类:
这是我第一次查看购物车:
这是我的第二个观点:
问题是我需要像这样设置两种状态:
这是最好的方法吗?
react-native - react-native 中的全局汉堡菜单
我正在尝试实现一个元素,该元素将充当汉堡菜单,以从所有屏幕切换我的抽屉导航器。但是,我的汉堡菜单(又名 MenuToggle)不会出现在我的任何界面中。以下是可以重现问题的 3 个文件:
现在这是我的contact.js
这是我的 MenuToggle.js
我的 MenuToggle.js 永远不会出现在联系人屏幕中。但是,如果我注释掉position:absolute
,那么它会出现在我的标题下方和左侧一点。但我需要它出现在覆盖在标题顶部的屏幕右上角。
如何让这个汉堡菜单出现在右上角的所有屏幕上?