问题标签 [stack-navigator]

我在反应导航方面遇到了一些问题。

我的导航路线：

我使用 createNavigator、createNavigationContainer 来构建我自己的导航。您可以在此处实时查看自定义选项卡：https ://snack.expo.io/rJnUK4nrZ

在 App.js 中

如何将我的自定义 TabNavigator 添加到主 StackNavigator？

我做错了什么？该应用程序与 redux、saga 集成。如果您有其他关于使用 react-navigation 的自定义堆栈和选项卡的示例，请给我参考。

我想根据我的 API 响应动态更改我的标签导航器背景颜色，所以下面是我的代码

_TabNavigator.js

我想在我的 ScreenTwo.js 文件中更改我的 tabnavigtor 背景颜色，其中包含 API 响应代码，因为它 tabnavigator 背景颜色（backgroundColor）应该根据 API 响应更改为黑色或白色，那么我该如何实现呢？你的所有建议都是可观的

根据 Rahul 建议更新代码后，给出以下警告消息

我正在尝试使用名为 submit 的方法（位于 loginForm 中）使用 firebase 成功登录后从登录页面导航到欢迎页面。除了使用 StackNavigation 导航到欢迎页面外，一切都正常。

我已经查看了有关此错误的所有帖子，并尝试使用到处发布的解决方案进行无数次修复，但似乎无法提出任何修复。我敢肯定这是我在这里犯的一个简单而愚蠢的错误。我将不胜感激任何帮助。

（提前道歉，这是我的第一个 react-native 项目）

谢谢！

应用程序.js

登录.js

loginForm.js

欢迎.js

我是新来的反应本地人。

我在反应导航中遇到问题。我想做的是：

• 从父屏幕到NavDrawer屏幕。
• NavDrawer有两个屏幕，第一个屏幕在 TabBar也有 2 个其他屏幕。
• NavDrawer有一个NavHeader ，我们也可以通过单击ActionBar左侧的菜单按钮来访问抽屉。

我面临的问题是：

• 当我使用Stack Navigator从父屏幕导航到NavDrawer时，在操作栏的左侧获得一个后退箭头符号。

请问有人可以提供这些路由的演示代码吗？

我已经在我的根组件（App.js）中定义了我的所有路线/导航，并试图通过单击按钮从子组件（LoginScreen）访问其中一个屏幕（UserScreen）。

这是我的 App.js

这是我的 LoginComponent.js

在 LoginComponent.js 中，我正在{this.props.navigation.navigate('UserPage')}通过单击按钮重定向到用户屏幕，但它显示TypeError: undefined is not an object (evaluating 'this.props.navigation.navigate'). 我不确定自己做错了什么，是否应该将 App.js 中的某些内容传递给 LoginComponent.js。

应用程序的结构是这样的。

• 堆栈导航器
  • StackA-Screen(TabNavigator)
    • TabChildA-屏幕
    • TabChildB-屏幕
    • ...
  • StackB-屏幕

代码在App.js

我想导航TabChildA-Screen到StackB-Screen。但是，TabChildA-Screen可以参考navigatoris navigatorof TabNavigator。

代码在TabChildA-Screen

如何TabChildA-Screen参考StackNavigator？

我正在尝试在本机反应中实现注销功能。用户将homescreen在登录后登陆，其中包含一个侧边栏。注销按钮位于侧边栏中。我正在使用 react-navigation 中的堆栈导航器从一个屏幕导航到另一个屏幕。我已经尝试过如下所示，但是有一个错误，当单击注销时它会直接进入空白屏幕按钮。

目前我正在编写这段代码homescreen。我在哪里编写注销代码？它在里面Sidebar吗？还有如何导航请帮助。

更新

嵌套 StackNavigator

在我的 App.js 中

这用于在 Login 和 MainPage 之间导航，并且工作正常

然后在我的 MainPage 里面有另一个 StackNavigator

我在用：

现在，不允许在发送和接收之间导航。我已经检查了按钮，并且使用 alert('msg') 可以正常工作。我正在渲染发送屏幕而不是接收屏幕。

我试过 this.props.navigation.navigate('Login'); 我被重定向到登录屏幕。

任何人请帮助：D

我想从 DrawerNav 导航回 Login。在函数内部使用 alert('Alert') 是可以的。

我有一个带有 Login 和 DrawerNav 的 StackNavigator

从登录我可以导航到我的主屏幕 DrawerNav 使用

DrawerNav 内部是一个 DrawerNavigator（显然）

如您所见，注销不是菜单的一部分，而是在抽屉内

这给了我一个错误

我试图在 TabNavigator 中呈现 StackNavigator。选项卡工作正常，但我无法链接按钮

简单来说，TabNavigator "Tabs" 的 "Feed" 部分内有一个按钮。单击按钮时，它应该通过 StackNavigator 转到“UserDetails.js”。请帮忙！

这是我的 index.android.js

这是文件 "Feed.js" ，其中有一个指向 "UserDetail.js" 的按钮