问题标签 [stack-navigator]

我想导航到 stacknavigator 的 HeaderRight 组件上的配置文件图像 onPress 的其他屏幕？我在我的 routersnavigator(tabscreen) 中使用了 tabnavigator。 附有它的屏幕图像。标题中配置文件图标的onpress 应导航到其他屏幕] 1 import React, { Component } from 'react';

我有 4 个页面：App.js、HomeScreen.js、Login.js、Toolbar.js

我的带有 StackNavigator 的应用页面：

我正在将工具栏导入 HomeScreen，并希望将导航道具从 HomeScreen 传递到 Toolbar，以便我可以从 Toolbar 和 HomeScreen 访问登录页面。

我的工具栏页面：

截至目前，我已将 const navigate 注释掉，因为 HomeScreen 如果出现则不会加载。

主屏幕：

我试图通过 HomeScreen 将导航道具传递到工具栏

当我按下按钮时，它说找不到变量“导航”。但是，当我取消注释掉工具栏上的导航时，我收到错误 TypeError: undefined is not an object(evaating 'this.props.navigation.navigate')

我的 StackNavigator 设置如下：

我想在 2 秒后将用户从启动页面（仅包含一个徽标）重定向到注册页面。我想避免使用按钮（因此自动重定向），以便用户简要查看徽标。

我的启动页面：

我不确定我会放 this.navigator.redirect('Registration') 因为到目前为止我更改页面的唯一方法是使用 onPress={}

CourseDetail.js当我单击 TouchableOpacity 时，如何导航到不同的屏幕 ( )。我正在使用它。但StackNavigator出现错误undefined is not an object evaluating this.props.navigation。我在下面粘贴我的代码。请帮忙。我知道有一个简单的错误，但无法弄清楚。

HomeScreen.js

我是 React Native 的新手，StackNavigator在 React-Native 中使用组件时遇到了未定义道具的问题。

我花了几天时间寻找我的问题的答案，但没有找到解决问题的合适方法。

问题在于将道具传递给子组件，它们是未定义的，但是，除了这些步骤之外，我遵循的教程没有做任何其他事情。

这是我的应用程序的屏幕和代码

在我的 LoginScreen 中点击绿色按钮时，预期结果是导航到我的 MainScreen，但结果是“道具未定义”

如果有人可以帮助我解决这个问题并帮助我找出问题所在，我将非常感激！

我的代码：

应用程序.js 文件

Login.js ，这个组件描述了我的登录页面。它还呈现组件 LoginForm，我在其中描述 InputText 和 TouchableOpacity，其中我有 onPress 方法，它必须将我导航到 MainScreen

登录表单.js

我在带有导航的 React-Native js 框架中开发应用程序时遇到了这个问题。我有一个 StackNavigator，它可以在 Login 和 Main 页面之间导航。但是我不想让用户导航回登录页面，当他点击电话按钮或通过屏幕栏上的按钮导航时，而不注销

有没有办法拒绝 StackNavigator 导航回登录页面？

我正在使用react-navigation和 stack-navigator 来管理我的屏幕。

我正在使用的平台：

• 安卓
• 反应原生：0.47.1
• 反应导航：1.0.0-beta.11
• 模拟器和设备

我有一个屏幕，它充当模态表单，但它实际上是一个全屏。为什么“作为模态形式”的部分很重要？那是因为它是一种带有一些选项和透明背景颜色的模式菜单。

这是我所期望的：

但我得到的是：

如您所见，在第二个示例中，背景颜色被完全替换或先前加载的组件被卸载，因此我想要实现的效果丢失了。 这个想法是能够像任何其他屏幕一样导航到这个屏幕。

如果无法使用 react-navigation 完成，我还能采取什么其他方式来做到这一点？

该组件执行动作（redux），因为它是一个跨应用程序组件，并在内部封装了许多机制和逻辑，这就是为什么我不能将它用作使用PureComponent该组件的组件的中继。至少，将这个组件作为 PureComponent 将迫使我在许多其他组件中复制许多机制和逻辑。

为了这个问题，也为了避免问题太大，两个屏幕都有完全相同的样式，但是通过StackNavigation的那个替换了backgroundColor，或者卸载了前一个屏幕。

这是我到目前为止所拥有的：

我正在开发一个从App.js. 如果用户正在使用应用程序，则第一次LoginScreen渲染，如果用户已经登录，则HomeScreen渲染。

这是我的App.js，

但是现在当我尝试从使用导航LoginScreen时，我收到一个错误，HomeScreenStackNavigator

所以，我的简单问题是如何将道具从父组件传递到子组件。那就是我想通过，this.props.navigation从App.js到LoginScreen.js

我正在使用该StackNavigator库，但无法弄清楚如何从 navigationOptions 中访问道具。

在我的呼叫课程中，我有：

在我的 TestView 类中，我有以下内容：

但是，我收到以下错误：

找不到未定义的属性“导航”

我已经确认我可以this.props.navigation.state.params.mdata.title从 componentDidMount() 函数访问，所以那里有数据。

为什么我从 navigationOptions 函数中收到此错误，我该怎么做才能修复它？

另外，我将 navigateOptions 称为一个函数，但不确定它是否正确。我应该怎么称呼它？

我想知道如何在 React Native 中使用 React 导航在三个stackNavigators循环中进行导航（stacksNavigators互相调用）。
我正在使用 React Native 0.44.3、React 16.0.0-alpha.6