问题标签 [stack-navigator]

我一直在做我的第一个 React Native 项目。它是一个多屏应用程序，其中一个屏幕需要一些数据，这些数据是我从父屏幕传递的。但问题是当我在子屏幕中接收数据并尝试将值保存在屏幕状态时，应用程序崩溃了。只要我删除访问状态的代码，它就不会崩溃。这是代码：

这是子屏幕的代码：

下面是 StackNavigator 的代码：

现在，在接受参数时如何操作 ViewRecord.js 类的状态？

PS：我正在使用 Expo 和 Create React Native App

我正在尝试根据导航参数有条件地呈现 headerRight。我目前正在静态导航选项中尝试这个。这是我的代码，但没有渲染到屏幕上

可以这样做还是我需要在这里使用自定义标题？

任何帮助将不胜感激！谢谢！

解决方案：

去掉匿名函数，实现 soutot 推荐的条件语法

我试图使用 StackNavigator 进行导航，当我使用它从一个屏幕转到另一个屏幕时它可以工作，如此处所述。但是当我尝试让一个子组件通过自身导航时，导航似乎不起作用，我找不到任何解决方案。

正如下面的代码中给出的，我正在尝试使用测试组件，其中有一个可以单击以从 HomeScreen 移动到 ChatScreen 的按钮。

我很确定解决方案是基本的，但我真的无法在任何地方找到它。

这是我的代码：

这是我得到的错误：

这是要测试的演示：https ://snack.expo.io/HyaT8qYob

我希望我的问题足够清楚我的意思。

我现在正在使用 react native 3 个月，我现在有几天这个问题没有任何解决方案。

问题：我在 StackNavigator 中有一个嵌套的 TabNavigator。这两个导航器都在无状态组件内：

组件的调用：

如何将条件从我的类传递MainApp到组件内的条件变量MyNavStack以进行条件渲染？所以 Tab4 只有在 CONDITION 为真时才会被渲染。

第二个问题是：我如何将班级MainApp中的道具传递给例如第一个选项卡屏幕？

提前致谢！

I'm having some trouble with a react-native app. I can't figure out how to pass data across screens.

I realize that there are other similar questions that are answered on SO, however the solutions did not work for me.

I'm using the StackNavigator. Here's my setup in my App.js file.

I have a TouchableHighlight component which has a onPress event that will navigate to the desired screen. This is on my Categories.js file/screen.

When I click the element, the screen does indeed switch to category, however it fails to send the props data.

So when I check the data in my Category screen, it returns undefined. I have tried the following methods:

How exactly can I access that data that I passed in the navigate method?

Edit: Here is my actual code structure:

The data comes from a API.

是否可以根据道具、参数或状态在 StackNavigator 中呈现不同的屏幕？

我在想像下面这样的事情，但目前我似乎无法弄清楚如何让 stackNavigator 拥有屏幕参数的范围。

有没有人对此有任何想法？谢谢！！

我正在按下按钮将数据从一个屏幕传递到另一个屏幕。我在另一个屏幕上显示数据时遇到问题...

以下是我的代码：

主页.js

Products.js

在这个 Products.js 我必须显示shareproductid所以我该如何显示它请帮助...

有没有办法从内部堆栈导航器访问根堆栈导航器？例如：

在那个 SettingsStack 屏幕中，我有一个注销按钮。我将如何访问根堆栈以导航回登录？而不是选项卡导航中的内部堆栈只是推送到子堆栈中的登录页面。

所以我有一个包含堆栈导航器和底部视图的视图。底部的视图用作页脚。目前我正在尝试使用对堆栈导航器的引用，但它不起作用。如何从页脚视图触发 StackNavigator 视图中的屏幕导航？

我正在尝试将堆栈导航与抽屉导航一起使用。基本上我希望抽屉一直只出现在一个场景中。我试图这样做，但没有任何反应。我无法理解我做错了什么。

PS：我是 react-native 的新手。

ConversationListScreen.js

抽屉.js

RouteConfig.js