问题标签 [react-native-navigation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1041 浏览

javascript - (wix) react-native-navigation 应用程序中的全局状态?

我正在与react-native-navigation.

我需要一些可用的全局状态,但我不知道如何实现它。通常我会有一个有状态的顶级组件,并传递调用this.setState低级组件的方法作为道具——但是,和Navigation提供的两个方法会导致任何父组件卸载。卸载的组件不能根据错误日志改变状态,所以我很茫然。react-native-navigationstartTabBasedAppstartSingleScreenApp

我错过了什么?如何使用此解决方案在我的组件(屏幕)之间共享状态?

0 投票
1 回答
1071 浏览

react-native - react-navigation 将 props 传递给类组件

假设我有以下代码片段来创建一个DrawerNavigator

我从这里的示例中读到,我可以banner使用类似的语法将道具(如道具)传递给功能组件

但是,如果我使用类 Component 声明我的 Component,我该如何归档将我的自定义 prop 传递给MyNavScreen

0 投票
2 回答
3720 浏览

android - 如何替换 react-native-navigation (wix) 中的后退按钮?

使用 react-native-navigation https://wix.github.io/react-native-navigation我可以替换抽屉的汉堡图标。但是,我无法使用相同的方法替换后退按钮。

我尝试在构造函数上设置按钮但无济于事:

有没有人想出如何为后退按钮设置自定义图标?


操作系统:Mac OS Sierra

反应原生:“0.44.0”

反应原生导航:“^1.1.79”

平台:安卓

0 投票
0 回答
130 浏览

reactjs - wix/react-native-navigation:抽屉不在填充视图上滑动

如果 View 样式为 absoluteFillObject,则抽屉不会滑动

0 投票
0 回答
147 浏览

react-native - 将导航器传递给标题

我偶然发现了以下问题(从标题中的按钮导航到不同的屏幕)中发现的相同问题,该问题在Githb上重复。与这些功能相关的文档可在此处此处找到。

我尝试实施建议的解决方案,但出现以下错误

Objects are not valid as React child (found: object with keys{right}). If you meant to render a collection of children, use an array instead.

如果您能帮助我,将不胜感激。

有问题的组件:

这是堆栈跟踪:

堆栈跟踪

0 投票
1 回答
656 浏览

javascript - React-Native:组件仅在使用 react-native-navigation 或 react-navigation 时加载的最后一个选项卡上正常工作

我有一个非常简单的两个标签应用程序:

Sports 和 News 组件由另一家公司提供,我无法编辑该代码。如果我将它加载到TabBarIOS组件中,一切正常,所有选项卡都按预期工作。但是,使用react-native-navigationand react-navigation,只有最后一个加载的选项卡才能正常工作。

News和组件都Sports加载这样的JSONDownloadService组件:

然后它称之为:

现在,JSONDownloadService因为它已经在其构造函数中传递了NEWSor组件,所以它被传递了(未正确调用的部分)。看起来像这样:SPORTSupdateComponentgetJSON()

问题是,updateComponent()只有在 tabBar 中加载的最后一个组件才会调用。如果我改变他们的位置,只有最后一个有效。除了,如果我注释掉JSONDownloadService最后一个选项卡中的相关代码,那么第一个可以正常工作。似乎无论哪个组件最后使用它都会阻止其余组件更新。如何使用react-native-navigationor完成这项工作react-navigation

提前感谢您的帮助!

0 投票
0 回答
249 浏览

listview - React Native ListView/ScrollView 在下拉或 srcoll 后第一次单击时不起作用

这似乎与这篇文章相似, 但它不会发生在 TextInput 上。这是我的代码:

重现此错误的 2 种方法(在 iOS 上,RN 版本为 0.42):

  1. 下拉(无刷新操作),然后单击任意行。我没有得到任何回应

  2. 让滚动区域做惯性运动。当它停止时,只需单击任何行,没有响​​应。

也许它与 ScrollView 有一些关系。任何人都可以帮助我解决这个错误吗?

0 投票
1 回答
378 浏览

android - 导航屏幕 - React Native

我创建了一个简单的 Android 应用程序,该应用程序在按下文本时会更改导航。该应用程序运行正常,但当我触摸文本时,内容没有改变,也没有观察到导航。您可以在此处查看错误。我还提供了代码:

正如您在错误中看到的,标题也没有显示在文本“我的当前场景:”之后。我该如何解决这个问题?

0 投票
0 回答
250 浏览

react-native - 如何仅在堆栈导航的第一个屏幕上激活 react-native 侧菜单?

我对 react-native 这么年轻。目前我正在尝试将 Stacknavigationside menu一起使用。在这种情况下,我只想激活stacknavigation的主屏幕的侧边菜单,但侧边菜单激活子导航的所有屏幕。大家对此有什么想法。这是我的代码

0 投票
1 回答
4790 浏览

reactjs - 在自己的功能中反应导航 onPress

我已经实现了教程https://reactnavigation.org/docs/intro/中的 React Navigation 示例,它工作正常。

我不想在 onPress 中直接调用导航,而是想在单独的函数 btnToChat 中调用它。我尝试用 this.props.navigation.navigate 调用它,但它不起作用。你有什么建议吗?谢谢!

出现以下错误:undefined is not an object (evalating this.props.navigation)