问题标签 [stack-navigator]

我正在尝试像这样集成 StackNavigator、TabNavigator 和 DrawerNavigator：

调用抽屉：

它不会打开抽屉。它打开DrawerScreen1就像我从StackNavigator. 它使用后退按钮打开组件。我想打开抽屉。

抽屉屏幕1：

DrawerScreen2 类似。我错过了什么？请帮忙。

这是我正在尝试使用 react-native 为 iOS 应用程序做的事情 -

1. 我正在使用 StackNavigator
2. 在主屏幕中，我在一个列表中显示所有项目，该列表get/fetch来自AysncStorage. 这是在componentDidMount(). 这工作正常。
3. 我转到下一个屏幕（使用 StackNavigator）将新项目添加到 AsyncStorage 的列表中。项目已添加。
4. 当我使用返回按钮返回主屏幕时，不会显示更新的列表。此外，componentDidMount()没有调用。

如何解决这个问题？

我的问题看起来很简单，但我不知道如何解决它我有两个组件，我使用 StackNavigator 导航到它们，在其中一个组件中我有带值的状态，我需要将状态值传递给另一个组件，但正如我所说，我使用 StackNavigator 从一个组件转到另一个组件，我试图弄清楚我该怎么做

我的导航器：

我的主屏幕类：

我的谜语课：

在 Riddles 组件中（在 RiddleScreen 类中），我有需要传递给 Home 组件（在 HomeScreen 类中）的值的状态。

实现这一目标的最佳方法是什么？每一个帮助真的很感激！谢谢。

我目前在我的反应原生应用程序中使用 StackNavigator。

我有两个屏幕，它们都将导航到同一个屏幕LoginScreen。但是，根据我来自哪个屏幕，我想去不同的屏幕。

例如：

屏幕A -> 登录屏幕 -> 屏幕C

屏幕 B -> 登录屏幕 -> 屏幕 D

因此，在 LoginScreen 中，我需要知道我来自哪个屏幕，以便我知道是转到屏幕 C 还是 D。

但是 this.props.navigation 上的 goBack 函数只是一个带你回到最后一个屏幕的函数。它不会为您提供屏幕的 ID 或确定您来自何处的某种方式。

有人对此有解决方案吗？

谢谢

假设我的应用程序中有 SwipeView，我将使用 Footer 在 SwipeView 的视图之间导航。应该遵循什么方法来为每个 SwipeView 的视图实现不同的 NavigationStack。它们的任何内置类是否可用于 Swipeview 的视图导航？

谢谢

更新：

这是我实施的。当我展开屏幕，然后单击 ListView 中的项目并使用 (StackView.push()) 打开新屏幕时，问题就出现了，它没有相对于屏幕的宽度进行扩展。我尝试了很多事情，但没有成功。

我正在使用TabNavigator和StackNavigator构建一个 React Native 应用程序。

• 我在我的 React Native 应用程序的根级别使用TabNavigator。
• TabNavigator中的每条路由都映射到StackNavigator。
• 每个StackNavigator有n个屏幕。

假设我在设置选项卡上，并且在用户设置 -> 支付选项 -> 信用卡 1中深入了 3 个屏幕。

每次点击“设置”选项卡时，我都想返回一个屏幕。

• 点击 1：信用卡 1 -> 付款方式
• 点击 2：支付选项 -> 用户设置
• 点击 3：用户设置 -> 设置

我怎样才能做到这一点？

我正在使用 NativeBase（尤其是 NativeBaseSink 模板）。我所有的路由都在 App.js 中定义，如下所示：

应用程序.js

我正在使用 Nativebase 框架的选项卡功能。然后，我创建了一个 index.js，我在其中定义了我的所有选项卡，如下所示：

index.js

根据我编辑的文件，当我按下 TabOne 时，它​​会打开右侧选项卡，其中内容位于名为 Distance.js 的文件中所以现在，除了“props.navigation.navigate”之外，一切正常在我的 Distance.js 文件中无法识别。

这是我的文件

距离.js

this.props.navigation.navigate当我替换by时，我的名为 donePressed() 的函数运行良好alert("Hello")但是一旦我尝试在屏幕之间导航，就会出现错误：Undefined is not an object...this_2.props.navigation.navigate().

我真的不知道问题出在哪里。我试图在构造函数中定义函数，没办法。

希望能找到解决办法。

我正在通过导航器传递道具。我在将多个道具从状态传递到另一个屏幕时遇到问题。我试过了

这可行，但它只会通过一个道具。我尝试向它添加更多属性，但第二页仅显示此内容。我如何从 textinput 和其他组件传递道具。我读过关于 Redux 的文章，但我想知道是否有其他路线而不是利用它。

我的组件在下面

我正在获取所有数据并将其保存到构造函数中的属性中。然后我想将它传递到下一个屏幕，然后我会将它上传到 Firebase。

我在堆栈导航器返回导航中遇到了一个奇怪的行为。我有一个带有一些图标的应用程序主页，单击图标会打开一个新页面。里面还有页面。Home->Icon1->Page1->Page2->Page3 像这样。

在主屏幕上，我添加了一个 BackHandler 来询问是否退出应用程序，而不是直接退出应用程序。每当我从其他屏幕返回主屏幕时，它都不会询问该选项。它仅在渲染发生并且返回导航时才有效，我认为渲染不会再次发生。如果我在内页上添加 BackHandler，它们根本不起作用。所以我很困惑如何使用 StackNavigator 处理后退导航。

处理主屏幕上返回 android 按钮的代码。在导航到其他屏幕时删除侦听器。如果应用程序打开并且我按下后退按钮，则调用此处理程序，但是当我导航到其他屏幕并返回主页时，不会调用此处理程序并且应用程序直接退出而不显示提示。

我在 react-native 中遇到了 TabNavigator 和 StackNavigator 的问题。我想在按下按钮时重置导航。我的标签导航中有我的堆栈导航。问题是我只能重置一个导航...

计划：

因此，当我在 ad.js 中单击它时，我有一个按钮，我的 stackNavigation 在 Listing.js 上重置为 type.js 和 tabNavigator 所以我想最终返回 Linsting.js。

我的导航：navigation.js

选项卡导航 linsting.js

堆栈导航 ad.js