问题标签 [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.
android - 创建新领域对象后导航错误
我在我的项目中使用 react-native-navigation 包和 Realm。我的应用程序有一个名为的领域对象Notebook
,其中包含一个对象列表Verse
,这些对象是另一个领域对象。
The structure of the app is very simple, the first page shows a list of Notebook
s and when one is selected, the app transitions to the second screen which is a list of Verse
s.
这是我从笔记本列表导航到经文列表的代码:
此导航工作正常,我可以在两个屏幕之间来回移动。当我创建一个新的Verse
并将其添加到Notebook
. 这是我在第二个屏幕中创建新的代码Verse
:
这就是我的问题开始的地方。此时,如果我选择后退按钮返回到Notebook
s 列表,然后再次选择一个笔记本,我会收到此错误:
试图更改只读属性的值。
本机调用 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}
(passProps
但Verse
列表屏幕上没有显示任何内容,因为它不知道Notebook
选择了哪个)。或者,我无法将新创建的添加Verse
到所选中Notebook
(但我无法添加数据)。
由于这两个更改位于两个不同的组件(Realm 和 react-native-navigation)中,我不确定哪个组件是问题的根源。
react-native - 在标题中反应本机导航类功能
我遇到了反应原生导航和嵌套导航器的问题。
基本上,嵌套导航器(页面中的选项卡)工作得很好。但是,当我使用 _saveDetails 函数在标题中添加一个按钮时,如果我在 Players 选项卡中,它会给我一个未定义的函数,并且当我在 Teams 选项卡上时它运行良好
有谁知道我做错了什么?谢谢。
javascript - 回调函数中的 navigator.pop() 形式的 redux 操作
我正在实现一个小应用程序,我需要在 firebase 中插入一些数据,然后在数据插入完成后从堆栈中弹出屏幕。
我现在正在调用该操作,并传递一个回调函数以在插入数据后执行,我的代码如下:
EmployeeCreate.js
EmployeeActions.js
该操作现在没有通过减速器,并且该应用程序似乎运行良好。我只是想知道我是否做得正确,或者是否有更好的方法来实现相同的结果?
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
知道是什么原因造成的吗?
reactjs - React-Native 导航不可见
我已经将我的 MainNavigator 与所有导入的屏幕集成在一起,而当我在我的 ios 模拟器上运行它时,它只显示白屏,没有其他任何内容。这意味着运行应用程序没有任何错误。我不知道为什么导航不可见。这是代码。
以下是我在我的应用程序中使用的版本:
世博会 18.0.4
反应 16.0.0-alpha.12
react-native 目前似乎是最新版本。在 package.json 中显示了 Expo https://github.com/expo/react-native/archive/sdk-18.0.1.tar.gz生成的这个链接
反应导航 1.0.0-beta.11
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
在我的反应原生项目中:
react-native - React-native-navigation 通过不同的组件而不是从页面导航
我的主页包含一个视图。此视图包含一个带有项目的平面列表。平面列表正在通过不同的组件呈现
我应该能够从组件而不是我的主页中使用类似this.props.navigation.navigate('DetailPage')的东西。
我认为我应该将导航作为道具传递给但不确定我该怎么做。
导航文件
主页屏幕
详细区域
android - 如何将顶部选项卡添加到 Navigation.startTabBasedApp 中未定义的屏幕?
我想在我的 react-native 应用程序中将顶部选项卡添加到我的屏幕之一。我正在使用 react-native-navigation 进行导航。我可以使用 Navigation.startTabBasedApp 中定义的任何屏幕轻松访问它,这意味着任何屏幕也是我的底部选项卡之一。
我想要屏幕上的顶部选项卡不是底部选项卡之一。这是我现在尝试做的方式
我发现 react-native-navigation 的文档非常缺乏,这就是为什么我不确定为什么上面的代码不起作用。
我还启动了一个基于标签的应用程序,如下所示:
我觉得它可能在屏幕内是可行的
但不知道那会是什么样子。任何有关如何做到这一点的帮助将不胜感激。