问题标签 [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 回答
431 浏览

android - 创建新领域对象后导航错误

我在我的项目中使用 react-native-navigation 包和 Realm。我的应用程序有一个名为的领域对象Notebook,其中包含一个对象列表Verse,这些对象是另一个领域对象。

The structure of the app is very simple, the first page shows a list of Notebooks and when one is selected, the app transitions to the second screen which is a list of Verses.

这是我从笔记本列表导航到经文列表的代码:

此导航工作正常,我可以在两个屏幕之间来回移动。当我创建一个新的Verse并将其添加到Notebook. 这是我在第二个屏幕中创建新的代码Verse

这就是我的问题开始的地方。此时,如果我选择后退按钮返回到Notebooks 列表,然后再次选择一个笔记本,我会收到此错误:

试图更改只读属性的值。

本机调用 java.lang.RuntimeException 中的异常:调用 RCTEventEmitter.receiveTouches 时出错

在 com.facebook.react.bridge.queue.NativeRunnable.run(Native Method)
在 android.os.Handler.handleCallback(Handler.java:751)
在 android.os.Handler.dispatchMessage(Handler.java:95)
在 com .facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage(MessageQueueThreadHandler.java:31)
at android.os.Looper.loop(Looper.java:154)
at com.facebook.react.bridge.queue.MessageQueueThreadImpl$3.run( MessageQueueThreadImpl.java:199)
at java.lang.Thread.run(Thread.java:761)
原因:com.facebook.jni.CppException:异常调用对象作为函数:TypeError:试图更改只读属性的值。
在 com.facebook.react.bridge.queue.NativeRunnable.run(本机方法) 
在 android.os.Handler.handleCallback(Handler.java:751) 
在 android.os.Handler.dispatchMessage(Handler.java:95) 
在 com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage(MessageQueueThreadHandler.java:31 ) 
在 android.os.Looper.loop(Looper.java:154) 
在 com.facebook.react.bridge.queue.MessageQueueThreadImpl$3.run(MessageQueueThreadImpl.java:199) 
在 java.lang.Thread.run(Thread.java :761) 

我可以做一些事情来解决这个问题,但两者都会让我的应用程序毫无用处。因为它们可能有助于确定问题,尽管我可以在导航到新屏幕时删除{notebook: notebook}passPropsVerse列表屏幕上没有显示任何内容,因为它不知道Notebook选择了哪个)。或者,我无法将新创建的添加Verse到所选中Notebook(但我无法添加数据)。

由于这两个更改位于两个不同的组件(Realm 和 react-native-navigation)中,我不确定哪个组件是问题的根源。

0 投票
2 回答
585 浏览

react-native - 在标题中反应本机导航类功能

我遇到了反应原生导航和嵌套导航器的问题。

基本上,嵌套导航器(页面中的选项卡)工作得很好。但是,当我使用 _saveDetails 函数在标题中添加一个按钮时,如果我在 Players 选项卡中,它会给我一个未定义的函数,并且当我在 Teams 选项卡上时它运行良好

有谁知道我做错了什么?谢谢。

0 投票
2 回答
386 浏览

javascript - 回调函数中的 navigator.pop() 形式的 redux 操作

我正在实现一个小应用程序,我需要在 firebase 中插入一些数据,然后在数据插入完成后从堆栈中弹出屏幕。

我现在正在调用该操作,并传递一个回调函数以在插入数据后执行,我的代码如下:

EmployeeCreate.js

EmployeeActions.js

该操作现在没有通过减速器,并且该应用程序似乎运行良好。我只是想知道我是否做得正确,或者是否有更好的方法来实现相同的结果?

0 投票
1 回答
350 浏览

ios - React-Native 包没有找到 React 标头

我目前正在尝试将 React-Native 集成到我现有的 Swift iOS 项目中。我已经在使用 Cocoapods,所以我遵循了有关该主题的文档,将以下内容添加到我的 Podfile 中:

这一切都运行良好,我能够在模拟器和设备上构建我的应用程序并使用它。

在第二步中,我想添加 react-native-navigation。我将模块添加到 package.json,运行 npm install,然后运行 ​​react-native-link。所有这些命令都成功完成。不幸的是,当现在尝试构建项目时,在编译 react-native-navigation 依赖项时找不到任何 React 头文件。我已经尝试了各种降级 react-native 的组合,调整 HEADER_SEARCH_PATHs 等等,但没有成功......

反应原生版本:0.46.1 反应版本:16.0.0-alpha.12 反应原生导航版本:1.1.134

知道是什么原因造成的吗?

0 投票
1 回答
206 浏览

firebase - React Native + Redux Orm 在“Connect”的上下文或道具中找不到“store”(截图)

我遇到了多个关于此的线程,但未能找到解决方案。其中大部分用于网络应用程序。我将不胜感激任何帮助。谢谢寻找。

我为我的代码创建了一个仓库。

包.json

在此处输入图像描述

0 投票
0 回答
696 浏览

reactjs - React-Native 导航不可见

我已经将我的 MainNavigator 与所有导入的屏幕集成在一起,而当我在我的 ios 模拟器上运行它时,它只显示白屏,没有其他任何内容。这意味着运行应用程序没有任何错误。我不知道为什么导航不可见。这是代码。

以下是我在我的应用程序中使用的版本:

0 投票
1 回答
1623 浏览

android - react-native-video 是否与 react-native-navigation 一起使用

我正在尝试让视频在我的本机应用程序中播放。我正在尝试使用 react-native-video但是在通过运行应用程序时react-native run-android收到错误消息:

“未定义不是对象(评估'_reactNative.NativeModules.UIManager.RCT Video.Constants')

这条消息并没有真正告诉我太多,但在尝试让它工作一段时间后,我开始怀疑react-native-navigation,这是我用于我的应用程序的导航,与它有关。所以我创建了一个新的 react-native 项目并添加了 react-native-video 并让它运行起来没有太多麻烦。

所以我的问题是,是否有人经历过同样的事情,并且可以提供一个解决方案来让这两个包一起工作?

我的settings.gradle:

build.gradle 模块 react-native-video

build.grade 模块中的依赖项:app

MainApplication.java

在我的反应原生项目中:

0 投票
1 回答
236 浏览

react-native - React-native-navigation 通过不同的组件而不是从页面导航

我的主页包含一个视图。此视图包含一个带有项目的平面列表。平面列表正在通过不同的组件呈现

我应该能够从组件而不是我的主页中使用类似this.props.navigation.navigate('DetailPage')的东西。

我认为我应该将导航作为道具传递给但不确定我该怎么做。

导航文件

主页屏幕

详细区域

0 投票
1 回答
3782 浏览

react-native - React Native Navigation Undefined 不是函数

我正在努力让 Node Package react-native-navigation 在我的项目中工作。但是,当我尝试运行我的应用程序时,我遇到了一个令人讨厌的错误,我似乎无法追踪。帮助表示赞赏。

错误:

错误者

index.js:

应用程序.js:

index.android.js

侧边栏:

聚会:

0 投票
1 回答
400 浏览

android - 如何将顶部选项卡添加到 Navigation.startTabBasedApp 中未定义的屏幕?

我想在我的 react-native 应用程序中将顶部选项卡添加到我的屏幕之一。我正在使用 react-native-navigation 进行导航。我可以使用 Navigation.startTabBasedApp 中定义的任何屏幕轻松访问它,这意味着任何屏幕也是我的底部选项卡之一。

我想要屏幕上的顶部选项卡不是底部选项卡之一。这是我现在尝试做的方式

我发现 react-native-navigation 的文档非常缺乏,这就是为什么我不确定为什么上面的代码不起作用。

我还启动了一个基于标签的应用程序,如下所示:

我觉得它可能在屏幕内是可行的

但不知道那会是什么样子。任何有关如何做到这一点的帮助将不胜感激。