问题标签 [react-native-bridge]

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 投票
3 回答
5738 浏览

android - 传递自定义对象的数组列表以从 android 响应本机端

我有一个自定义对象列表 (List) 。我需要将此数据发送到 React Native 端以显示在平面列表中。我该怎么做?这个列表出现在

类 NativeToReact(reactContext:ReactApplicationContext,userManager:IUserManager):ReactContextBaseJavaModule(reactContext)`

0 投票
1 回答
759 浏览

ios - 例外:addEvent 不是公认的 Objective C 方法

我正在将 swift 类移植到 ReactNative。

我的 CalendarManager.Swift 类

日历管理器.Swift

我的目标C班

日历管理器.m

SwiftBridge-header

请让我知道如何减少以下错误。

在此处输入图像描述

0 投票
1 回答
714 浏览

javascript - React Native 广告 (Adcolony) - 世博会

我使用了这个npm 库,它是 adcolony 广告 SDK 的原生桥,我应该在我的应用程序中显示广告。

当我在我的反应原生应用程序中导入并使用提到的库时,我收到以下错误:

在此处输入图像描述

这就是我在我的 react-native 应用程序中使用 adcolony SDK 的方式:

我怎么解决这个问题?

0 投票
1 回答
569 浏览

react-native - React Native 桥接器:从本机向 JS 连续发送数据?

我在网上阅读了很多资源,但没有看到任何类似的用例。我需要将数据从本机(Android)连续发送到 JS,数据是小字符串。

这会(来自 RN 教程)

是最好的方法吗?如果我们需要非常频繁地发送消息怎么办?就像每 100 毫秒一样?有没有其他方法可以提高性能?它可以多频繁?

谢谢!

0 投票
0 回答
249 浏览

reactjs - 将 Android webview 迁移到 React-Native-Webview

我有一个混合 Android 应用程序,它使用 Android WebView来呈现网页。

我有Wiziwig 编辑器(它是用 HTML、javascript 和 css 编写的)。我正在使用Webkit 接口在 Java 和 JavaScript 之间进行通信

我想在我的编辑器中集成React Native 。以前我使用 JavaScript 模型和 JS 函数来实现 WiziWig 编辑器中的各种功能和操作 DOM。

但它的用户体验并不快速和吸引人。此外,我在编辑器中集成了Twitter BloodHound 引擎。每当用户在编辑器中键入时,BloodHound Engine 的预先输入列表就会滞后。

我正在考虑在我的编辑器中使用 React Native。使用 React Native,我还可以使用 Android Native 组件来显示消息和其他内容,而不是 JavaScript 模型。React Native 还有其他改进的可能性。

我构建了一个演示应用程序,在该应用程序中,我能够使用 React Native Modules 在 Java 和 Javascript 代码之间进行通信。

问题

我的 WiziWig 已经有很多用 HTML、CSS 和纯 JavaScript 编写的代码。为了将我的代码转换为 React Native 并为 UI 使用 Native 组件,这将花费大量时间。

有没有一种方法可以让我在 React Native 中使用我的旧代码库,然后使用 JSX 和组件慢慢地将代码移动到 React Native。

我已经看到 React Native 中有Render 函数用于渲染 html 内容。但我必须在 JSX 中编写纯 JS 代码。有没有快速的方法来做到这一点。因为我的文件已经有 4495 行代码。

提前致谢

0 投票
1 回答
209 浏览

ios - 从 swift 类方法打开 Viewcontroller(无 Stroyboard)- React native

我正在尝试Initialviewcontroller从 swift 类加载

我的快速课程(ChatManager.swift

我的Appdelegate.m

MyInitialViewController是一个objective-c以编程方式加载 UI 的类。

我的意图是Initialviewcontroller从 swift 类中的方法加载,我将通过 NativeModules 从 react native 调用该特定方法。

上面的函数显示错误为

“ChatManager 没有成员 NavigationController”。

请让我知道如何从那个 swift 类中调用这个视图控制器。

0 投票
2 回答
2675 浏览

ios - 如何在 Objective-C 或 Swift 上发送带有 .p12 证书的 https 请求

我有一个 react-native 项目,我必须为带有 .p12 认证的 https 请求创建 Native 模块,但我从不使用 Objective-C(它有点复杂)或 Swift 我找到了一个带有认证的 https 请求类,我没有'不要使用这个,因为我没有 .h 文件和我的项目文件夹;

MyBridge.h

MyBridge.m

它作为基本的HTTP获取请求工作,但是当我尝试 https 服务时,我需要为每个请求固定一个证书。我如何发送HTTPS此案例的请求?

0 投票
0 回答
219 浏览

android - 当 Native 代码 (Java) 在 ReactNative 中调用 Javascript 代码时期望响应

免责声明:因为这个问题与我的工作有关,我无法深入了解实际细节。我将尽量提供有关该问题的尽可能多的信息。另外,我是 ReactNative 的新手。一周后才开始使用它,我可能会问一些非常琐碎的问题。

背景
有两个应用程序,我们称它们为 App-A 和 App-B。App-A 具有启动活动或从 App-B 获取某种信息的规定。请求某些信息时建立通信合约的方式是 App-A 会startActivityForResult。意图将明确引用有问题的 App-B 的 Activity(无头 Activity;没有 UI;每个操作都在后台处理)。App-B 应该(理想情况下)将请求发送到它的后端服务,在调用之前获取响应和setResult(...)活动finish()。我还没有最后一部分工作(这是下面讨论的问题的症结所在)

App-B 的结构
App-B 将 ReactNative 用于大多数客户端的东西。App-B 进行的网络 API 调用都是在 JavaScript 代码中完成的。当 App-A 发出“搜索”请求时,它会传递 App-B 必须发送到其后端服务以获取结果/响应的“searchTerm”。收到响应后,必须通过setResult(…)在 Activity 的上下文中使用“设置结果”将其发送回 App-A。

问题
问题是将响应/结果从 JavaScript 代码传递到 App-B 中的本机代码。由于我需要在 App-B 的活动上“保持请求处于活动状态”,因此我需要“等待”结果可用,然后再设置结果以供 App-A 使用 ( setResult(...))。

这是我到目前为止尝试过的

  • 利用 EventEmitters:这样,App-B 中的 Java 代码将向 ReactNative JavaScript 代码发出一个带有标识符的事件。然而,该emit(…)方法只接受两个参数——“event_name/event_identifier”和一个对象。Object 可以是原始数据类型、Callback 或 WritableArray/WritableMap(在 ReactNative 框架中定义的集合)。由于我需要将上述“searchTerm”传递给 JavaScript 代码来发出网络请求,因此我无法传递 Callback 对象。如果我发送一个回调对象,那么我不能发送“searchTerm”,因为我只能传递一个参数。我认为Promise这里不起作用,因为我仍然无法发送“searchTerm”
  • 定义 JavaScriptModule:定义和公开“JavaScriptModule”是 Native/Java 代码可以调用 JavaScript 代码中定义的方法的一种方式。可以定义此方法以根据需要采用尽可能多的参数/参数。这样做的想法是从 Native 代码调用 JavaScript 方法并同时传递 searchTerm 和回调对象。但是,当验证传递的参数时,会引发 RuntimeException,因为 JavaScriptModules 只能传递原始类型或“WritableMap/Array”对象的参数。Callback不支持对象。与Promise对象相同;它们不是受支持的参数类型。

我的问题
- 是否有可能在 ReactNative 框架中实现这样的事情,其中​​ Java 代码(活动)可以通过传递一堆参数来调用 JavaScript 代码并得到响应?
- 有什么关于 EventEmitters/JavaScriptModule 的东西可以用来实现所需的结果吗?
- 除了 EventEmitters/JavaScriptModule 还有其他的 Native/JavaScript 通信方法吗?
- 这个用例还有其他可能性吗?

0 投票
0 回答
182 浏览

ios - 在 IOS 中子类化多个类

我现在是 Swift 和 IOS 的新手。我正在制作一个使用 Swift 编写的 IOS 本机代码的 React Native 应用程序。这些方法为了链接到 React native 需要一个实现文件。我已经从我的 Swift 类中修补了一些需要继承 NSObject 的方法。但现在我还需要从那里修补事件,Swift 不允许我继承多个类。

这是斯威夫特文件

为了让 React Native 可以访问这些方法,我必须添加一个实现文件

现在我需要修补这个 Swift 文件中的 2 个事件以及这些方法来 React Native

为了做到这一点,我还需要在实现文件中对 RCTEventEmitter 进行子类化,但 Swift 不允许这样的事情。

我应该如何解决这个问题?我需要创建另一个类并在此处修补该类吗?或者有没有办法在实现文件中对多个子类进行子类化。

0 投票
1 回答
669 浏览

react-native - 来自物理条码扫描器的 React Native 捕获事件

我正在尝试在 React Native 应用程序中实现条形码扫描仪(此型号是 Generalscan M100BT)。目前可以正常扫描到 TextiInput,但软键盘正在使用中,无法隐藏它。所以我们试图从扫描仪捕获事件,但我无法确定我应该查看哪个事件,也无法确定哪个模块生成它,或者一旦我确定哪个事件有它,如何获取 EAN 代码。我正在使用 Snoopy 查看 Bridge 并试图缩小查看范围,这里有一些 logcat 输出,我认为可能是我正在寻找的事件,但我不太确定

除此之外,我正在尝试使用以下方法捕获事件:

但我不知道在哪里寻找与此代码一起使用的 {BarcodeScannerModule} 模块名称,

更新

这是接收扫描条形码的 TextInput 的代码,在 onSubmitEditing 上它使用事件:

任何帮助是极大的赞赏!