问题标签 [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.

0 投票
0 回答
1987 浏览

react-native - 触摸事件不适用于反应导航

根据 React Navigation 3.x 文档的步骤,我为 android 添加了 react-native-gesture-handler。我也在 MainActivity.java 中添加了额外的行。

这是供参考的链接:

https://reactnavigation.org/docs/en/getting-started.html

我已按照以下行添加的文档进行操作。

我可以滑动抽屉。不幸的是,我无法触摸屏幕上的任何其他元素。我正在使用 react-native 0.57

有人可以帮忙吗?

0 投票
1 回答
1498 浏览

reactjs - 没有导航道具的反应导航导航示例不起作用

我有一个 react-native 应用程序,我正在使用新的 Context API 来管理存储和东西,现在我将它包装createAppContainer(AuthNavigator)<Provider>由 context api 创建的中,所以为了从 Context API 文件中导航,我试过了做与我在文档中找到的完全相同的示例,方法是创建NavigationService并将 传递refAppContainerNavigationService使用{ NavigationActions },不知何故它既不工作也不抛出任何类型的错误

这是我的 router.js

这是我的导航服务文件

这是我要导航的提供者

这是一个反应上下文 API

0 投票
3 回答
2363 浏览

react-native - 有没有办法在使用 createBottomTabNavigator 和 createStackNavigator 并且同时使用 navigationOptions 时隐藏选项卡项?

我有三个屏幕,我只想将 te 标签栏用于前两个屏幕。在这两个屏幕中,我放置了一个导航到第三个屏幕的按钮。我的第一个方法是 tis 代码:

它正在工作,但“navigationOptions”不起作用,所以如果我为标题设置标题(即使我设置“标题:null”也总是显示),它不会出现。我用下一个代码尝试了另一种方法,但我无法隐藏第三个选项卡项:

欢迎任何建议。

0 投票
1 回答
625 浏览

reactjs - 如何使用 React Navigation stackActions reset with Animation?

根据下面的示例,它无法使用动画导航。

我找不到任何关于此的文档,如果这不适用?如何进行自定义过渡?

0 投票
1 回答
284 浏览

react-native - 错误:无法读取未定义的属性“状态”

在此处输入图像描述 来自调试器和屏幕的错误

我从本地 api 创建了一篇博客文章,目的是单击“阅读更多”按钮以导航以根据 id 检索其他剩余项目。但是,我使用了导航,但它给出了“无法读取未定义的属性'状态'的错误。

Post.js 屏幕加载到 POST ,按下阅读更多按钮以触发 PostSingle

PostSingle.js PostSingle 预计会根据点击帖子的项目的 ID 显示单个帖子。

0 投票
0 回答
62 浏览

reactjs - 屏幕在 React Navigation 中自动导航到上一个屏幕

所以,在我的根index.js文件中,我有这条路线

Auth.js

TabHolder.js

现在,当SettingsSignin使用this.props.navigation.navigate('Signin'). 我被导航到Signin屏幕,然后立即进入BeforeLogin屏幕。我不知道为什么会这样。

0 投票
1 回答
658 浏览

reactjs - 在每个选项卡中使用 Auth 屏幕响应导航

我有一个具有这种结构的应用程序

结构体

用户是否登录并不重要,TabBar 始终应该是相同的。如果用户登录应用程序将打开选项卡的内容,否则验证屏幕。如何在反应导航中创建它?抱歉,在反应导航中有些困惑。

0 投票
0 回答
696 浏览

react-native - react-navigation - 将参数传递到嵌套导航器中(在抽屉组件中获取参数,但不在主路由中获取它)

我正在导航到一个用参数包裹在 DrawerNavigator 中的 StackNavigator(其默认路由是 MaterialBottomTabNavigator)。我可以在 Drawer 自定义组件中获取参数。但在 StackNavigator 的屏幕中无法获得相同的结果。我尝试通过将默认路由更改为纯屏幕来避免 BottomTabNav,但结果仍然相同。

这是我的仪表板屏幕 - 选项卡导航器

这是我从上述选项卡之一导航到的另一个屏幕

因此,这是一个包含两者的堆栈导航器

我需要一个抽屉来放整件东西,所以把它全部包起来

抽屉在哪里

对于身份验证和其他东西,如飞溅,我正在使用

现在我想做的是这个。

  • 在“Splash”,我检查最后一个用户信息。
    • 如果我得到它,我会验证会话令牌以查看它是否已过期
      • 如果没有过期,我会使用 userinfo 导航到“App”(上面的 AppDrawerNavigator 实例)
    • 如果我没有得到它,或者会话已过期,我会导航到 Auth
      • 身份验证结束后,我使用用户信息导航到“App”(上面的 AppDrawerNavigator 实例)

在任何一种情况下,我都将使用相同的 userinfo 参数来“应用”并且我可以在 Drawer component 中获取 userinfo 参数

但我没有从 AppStack 中的任何其他屏幕获取它。我什至试图通过将Otherscreen 向上移动到第一个位置使其成为默认值来避免中间的BottomTabNav,然后导航到“App”转到Otherscreen,但userinfo 参数仍然不可用。

我想我应该能够从(A)抽屉组件和(B)AppStack屏幕上的this.props.navigation获取userinfo参数,或者至少它是初始屏幕,即仪表板组件

这是一个最小的演示: https ://github.com/bhave-abhay/PassPropsIntoNestedNav/ 另外,这是错误报告 https://github.com/react-navigation/react-navigation/issues/5646

在这种情况下出了什么问题?!

0 投票
5 回答
948 浏览

android - 反应原生 this.props.navigation.navigate 未定义

导航.js

闪屏.js

登录.js

应用程序.js

index.android.js

this.props.navigation.navigate("loginScreen"); 抛出错误

this.props.navigation.navigate 未定义

无法通过做很多谷歌来解决。

任何帮助表示赞赏。谢谢

0 投票
1 回答
198 浏览

react-native - React Native Navigation - 将 Stack Navigator 的 navigationOptions 放入 Bottom Tab Navigator

正如createBottomTabNavigator 的文档中所说,导航器内的屏幕可以包含一个名为的变量navigationOptions,它们可以在其中配置不同的设置。我使用自己的组件成功地做到了这一点,但是,当我尝试将 Stack Navigator 放入底部选项卡导航器中时,我遇到了一个问题。

问题:在创建堆栈导航器以自定义与我创建的堆栈导航器相对应的底部选项卡导航器时,我不确定将navigationOptions变量放在哪里。tabIcon

我试过这个:(代码片段#1)

这:(代码片段#2)

navigationOptions - start将代码从删除navigationOptions - end。把它放在那里似乎会返回一个奇怪的错误。

在此处输入图像描述

有人可以帮助我吗?