问题标签 [stack-navigator]

我正在按以下方式进行导航 Home.js -> discover-things.js（包括顶部导航栏）-> Filter-screen.js

在 Home.js 中，我有一个这样定义的堆栈导航器——

在顶部导航栏中，我有这个——

在这里，我在其中一个图标上应用 OnClick，以便它可以引导我进入过滤器屏幕。

在过滤器屏幕中，我有这个----

但是单击过滤器屏幕中的图标时，什么也没有发生。我在这里做错了什么以及如何正确实施它？

嘿，Stacknavigator 的伙计们，我制作了一个组件并将其放在导航选项的 headerRight 中，因为我只能在那里显示一个图标。只是一个包含三个图标的视图。但是，当我尝试使用 props.navigation.navigate 函数执行 onPress 时，我收到一条错误消息，提示未定义不是对象 this.props.navigation.navigate。我该如何解决这个问题？

export const HomeStack = StackNavigator({ Home: { screen: Tabs, navigationOptions: { headerStyle: { backgroundColor: '#a3a5ab', }, headerRight: <Headericons /> } },

类 Headericons 扩展 React.Component {

嗨，我对 react-navigator 有问题，正好是 TabNavigator 和 StackNavigator 。问题是，当我将 StackNavigator 放入 TabNavigator 时，它不起作用

我在 App.js 中有这一部分，在这一部分中我声明了我的 stackNavigator

在这部分（inde.js）中，我声明了我的 TabNavigator

这在 uno.js

我做错什么了吗？

我有一个场景，我有 2 个堆栈导航器，每个导航器包含 2 个屏幕。如下所示：

我可以从 跳到Page1 Screen2吗Page2 Screen1？另外要解释为什么我有 2 个 StackNavigators 是存在一个限制，即Page1流程发生在Page2流程之前，一旦Page1流程完成，用户将无法再次看到它。

我最初只创建了一个 StackNavigator，但存在一个限制，即不能根据道具设置 initialRouteName（如果我错了，请纠正我）

我正在尝试反应导航。我想从一个login屏幕导航到另一个屏幕。当我在 StackNavigator 中Home声明LoginScreen时出现上述错误。以下是我的代码。

更新：

路由.js

我将其导入MyHome.js为

也在App.js（主页）内

不知道我在做什么错。请帮忙。点击登录按钮后LoginForm

我正在做一个反应原生的小应用程序。我对反应不太了解，所以请帮忙。我正在尝试反应导航。我希望经过身份验证的用户被重定向到主页。不知道我已经尝试使用堆栈导航器但没有工作。以下是代码

应用程序.js

和登录屏幕

登录屏幕.js

我也在为其余的屏幕做堆栈导航。

路由.js

我也在返回这个MyDrawer组件MyHome.js

我的主页.js

所以现在App.js它会返回MainNavigator包含登录和注册屏幕。另外，如果我返回MyHome而不是MainNavigator返回App.js，它将显示内部屏幕（不提供LoginScreen堆栈Route.js）。但是我想从登录页面导航到主页，那么该怎么做呢？

我们的 React Native 项目使用 react-navigation Stack navigator。它在 Android 中完美运行，但在 ios 中，当我们尝试在 Page.

在 ios 中仅加载第一页。例如，默认的“主页”是第一页，因此 android 和 ios 模拟器都打开第一页。然后，如果我们尝试在 android 导航工作中在它们之间导航，但在 ios 中我们会得到“原始文本错误”。

如果我们更改堆栈导航器的第一页，ios 也会正确加载第一页，但不能按预期在它们之间导航。

我们认为导航页面可能存在问题，因此我们创建了一个空白页面并导航到那里，但问题在 iOS 中仍然存在。

我真的很高兴听到建议。

这是我们在页面之间导航的方式：

这是我们的 index.android.js 和 index.android.ios：

如何正确地将列表传输到屏幕，通过导航器并从事件屏幕获取，以使用根组件编辑列表？

这段代码在 App 和屏幕组件之间传输和返回数​​据的部分并不完全有效。

带有父元素的文件：

应用程序.js

这三个屏幕大体上是相似的：

EditScreen.js

我通过讨论同一问题得出了一些主题，但它们是特定于平台的。例如，iOS建议在屏幕组件的顶部添加填充或添加高度等于该填充的空视图。所以发生的事情是我们对所使用的平台进行了简单的检查，如果它是iOS应用填充或空视图，否则什么都没有。

这种方法对我来说一直很有吸引力，但直到我遇到一些 Android 设备面临同样的问题，所以填充和空视图选项现在不在桌面上，因为它不再是特定于平台的，这意味着如果我应用填充在这种情况下，其他声音 Android 设备的屏幕将被不必要地向下推，这将导致糟糕的 UI 体验。

这是我在我的应用程序中实现的：

Stack NavigatorApp和 StatusBar在哪里RN status bar API（见这里）

在我的本机应用程序中，我想检查用户是否已登录，然后将其重定向到仪表板，否则重定向到登录页面。它正在工作，但是在重定向到仪表板之前，它会短暂显示登录页面。我想避免这个屏幕闪烁并将用户发送到仪表板而不显示登录页面。我在 login.js 中使用 ComponentWillMOunt，如下所示

请帮忙