问题标签 [react-navigation-stack]
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 - 带有 TabNavigation 的标题反应导航
使用带有反应本机的选项卡导航器的页面标题具有页眉的最佳方法是什么?我知道有一种方法可以将 TabNavigator 包装在 StackNavigator 中,但我不明白如何使用不同类中的不同组件来做到这一点......
这就是我设置 TabNavigator 的方法:
App.js 内部:
javascript - 如何在 react-navigation 中向 stackNavigator 中的所有屏幕添加公共背景图像?
我有一个 react-native 应用程序,类似于react-navigation 中描述的身份验证流程。我想为AppStack中的所有屏幕添加一个通用背景图像。
我尝试过的事情,
- 我尝试将AppStack导航器包装在里面
<ImageBackground/>
,不知何故屏幕卡总是在顶部。
我需要帮助!
代码片段
reactjs - 当我们在堆栈导航器组件之间导航时,不会调用 ComponentWillReceiveProps?
Home 组件列出问题, QuestionDetail 显示问题的详细信息,但这是我面临的问题,每当您从 QuestionDetail 或其他组件回到家时,我想获取问题,这就是我在 Home 组件中所做的,
但是当您从 QuestionDetail 导航到 Home 时,不会调用 componentWillReceiveProps?
react-native - React Native Navigation 重新加载 Stack Navigator 主屏幕
我遇到了一个问题,我基本上不知道如何继续前进。
我有一个带有两个屏幕的 StackNavigator,一个称为“HomeScreen”,另一个称为“SettingsScreen”。当我点击一个按钮时,我会进入“SettingsScreen”。
我还有一个 DrawerNavigator,我可以用它导航到四个屏幕之一,屏幕 4 是 StackNavigator。
(希望它是可以理解的)
所以让我们来解决问题......
我的问题是我的“SettingsScreen”具有将项目添加到 AsyncStorage 键的功能(它将它推送到数组,所以最后我有一个列表,我在“HomeScreen”上呈现),但是当我添加项目并返回我的“主屏幕”时,它不会重新加载页面。我怎样才能使它在满足某些条件甚至更简单时重新加载页面 - 每次离开“SettingsScreen”时如何重新加载页面?
react-native - 立即反应导航返回上一个屏幕
尝试使用 Redux 和 Saga 向 React Native 应用程序添加导航。它适用于一个屏幕,但是当像这样添加 AppNavigator 时,它的行为很奇怪
每个屏幕都是这样控制的: HomeScreen 类
即只包含应该导航到另一个屏幕的按钮。它确实如此。但是在那之后发生Navigation/NAVIGATE
了将用户返回到上一页的事件。
第一个事件Navigation/NAVIGATE
包含正确的路由键。但是第二次出现 - Navigation/COMPLETE_TRANSITION
(更准确地说:){type: "Navigation/COMPLETE_TRANSITION", key: "StackRouterRoot"}
将用户返回到上一个屏幕。
有任何想法吗?
javascript - 带有 React Navigation 的 Drawer Navigation 屏幕上的选项卡
我得到了一个非常复杂的应用程序布局,而且我对 React Native 还是新手,所以我很困惑。
目前我有一个在 App.js 中调用的路由器文件。
基本上,每个页面上的布局都需要是选项卡和抽屉,但我有一些页面仅通过 DrawerNavigator 引用,因此它们在这些页面上没有选项卡。基本上在下面的代码中,我需要可以从抽屉导航访问“UserCreate”堆栈,但也需要在页面上有选项卡。
我尝试将 Drawer 和 Tabs 嵌套到另一个 StackNavigator 中,但这似乎不起作用。有人有想法么?
react-native - React Navigation - StackNavigator 内场景的初始渲染高度或位置错误
我在 StackNavigator 中场景的高度或位置有一个非常奇怪的错误。
- 我有一个 里面
BottomTabNavigator
有几个StackNavigators
。 - AppNavigator 具有
lazy: true
. - 我总是使用自定义标题组件,在
StackNavigator
选项header
键中设置。
当我从一个选项卡切换到另一个选项卡并StackNavigator
渲染第一个场景时,就会出现问题。场景的高度或位置似乎在一开始就关闭了,然后它就正确了。
我已经StackNavigator
在重新渲染期间记录了选项,当定位从错误到正确时唯一改变的是布局minHeight
,并且minWidth
在开始时都是 0(错误的位置)并且在最后一次渲染中具有像 751 这样的正常值(正确的位置)。
知道是什么原因造成的吗?
我附上了一个显示问题的 gif
react-native - React-navigation 抽屉在渲染项目屏幕后立即将我路由回上一个屏幕
我有一个这样的 StackNavigation:
使用嵌套在里面的 DrawerNavigator:
堆栈导航器的初始路由工作正常
登录 -> 主页
但是当我尝试从主页导航到收藏夹时,它会在呈现收藏夹屏幕后立即导航回主页。
我正在使用 react-navigation@2.11.2 和 react-native@0.56.0
react-native - 使用 react-native Navigation 时带有 RnGestureHandler 的未定义对象
我正在尝试在一个(尚未)使用它的现有应用程序中实现 react-native 导航。
我正在关注这个答案。
由于我已经有一个应用程序设置,我需要稍微调整他的程序。我的切入点:
AppNavigator .... 行似乎是导致错误的行,根据我运行它时手机上的红屏死机。那是我的代码中在红屏死机上提到的最后一行。
我的路由:
我要加载的替代页面(例如 app2 - 我只是尽量保持它尽可能简单以隔离错误,而不是让我的实际代码导致意外错误......)
当我运行它时,在控制台(webstorm)上我得到:
这是因为它正在谈论的周期吗?如果是这样,那有什么问题?如果没有,我的问题是什么?