问题标签 [react-native-modules]

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 投票
2 回答
893 浏览

reactjs - React Native 中的 GetElementById 等效项

我正在为 React-Native 创建一个模块。

该模块需要根据存储在 DB 中的配置突出显示或指出屏幕上的某些元素。

在 Android 中,我们的数据库将包含视图 ID,我们的代码将突出显示这些视图 ID。

在 HTML 中,元素 ID 就足够了。

如何在 React native 中定义唯一标识符。

这些将存储在数据库中,然后实时突出显示。因此模块需要在运行时访问元素的 x、y、宽度和高度

在 HTML 中,我会使用 getElementbyId() 并继续获取它的属性。React Native 中的等价物是什么。

这有效 -

如果将 userNameRef 作为字符串参数接收,我如何获取此数据

0 投票
0 回答
185 浏览

react-native - 如何在 react native 中使用 NativeModules 显示 Native ios 相机以进行实时 opencv 图像处理?

当我们单击反应本机组件中的按钮时,我想打开 ios 的本机相机。然后我想为 Opencv 方法处理实时相机。

我创建了视图控制器和 UI,但它不工作。

我用 Imageview 和按钮创建故事板。这是 viewcontroller.h 文件,简而言之,我在 react native 组件中有按钮。当我单击按钮时,它应该打开 Native ios Camera。我只是卡在这里,我需要帮助。请在 React native 中访问 nativeCamera 的任何解决方案。

0 投票
1 回答
197 浏览

java - React Native 模块 - 存储 java 类的最佳实践

我正在用 Kotlin 构建一个 React Native 模块。我有一个外部 Java SDK,可以发现多个协议/网络/服务器上的外围设备。

有一个这样的发现类:

我想将startDiscovery()stopDiscovery()函数传递给 React Bridge。

客户端可以同时在多个协议/服务器/...上搜索多个设备。所以它需要同时实例化许多Discovery类,并在必要时停止其中的一些。某种发现池。

所以我想将对实例化对象的引用传递给 Javascript,这样每次它想调用另一个方法时它就可以返回给我。但是 React Bridges 不允许将 Java 对象传递给 JavaScript。有什么好的模式可以这样做吗?

0 投票
0 回答
107 浏览

swift - React Native 模块与 Swift UIView 和 .xib 文件

我正在构建一个自定义 RN 模块,我想将 Swift UIViews 从我的库中公开给其他人,以便在他们的 RN 应用程序中使用。我有一个使用 Swift UIView 类的基本示例,该类显示在我的 RN 模块示例应用程序中:

当我尝试使用 nib 加载 TestView(使用 myCustomView fromNib() init)时,RN 应用程序会构建并运行,但随后会崩溃。这是我的 UIView 扩展:

TestView.swift - 我的.xib文件名为 TestView.xib 并且文件所有者设置为 TestView.swift:

RN 模块中是否“允许”.xib 文件?我找不到关于此的任何文档。有没有人有任何建议或知道这是否可能?

0 投票
0 回答
59 浏览

react-native - NativeModules.CallDetectionManagerAndroid 为空

我尝试在我的 react-native 项目中使用包“react-native-call-detection”。但我有一个问题。CallDetectorManager 不会开始监听来电。

我在 https://github.com/priteshrnandgaonkar/react-native-call-detection/blob/master/index.js中发现了问题

这个常量都是空的。为什么会这样?

PS:我正在使用博览会。

0 投票
0 回答
54 浏览

android - 通过 android 媒体播放器在本机原生模块中播放媒体时只有音频听不见视频

我正在尝试在 react native 上使用本机模块,并且我想在 android 本机 mediaplayer 中播放已准备好的视频(mediaplayer.prepare())。然后将媒体播放器添加到表面视图,并将表面视图添加到 Adview(见下文)。实施此操作后,我看不到视频,只有音频是可听的

在 App.js 中查看

<AdView adType = {adFormat} adspotKey = {adspotId} />

视图管理器中的代码

AdViewGroup 类

AdViewPackage 类

0 投票
0 回答
24 浏览

reactjs - 如何运行我的 react Native 项目。运行命令后出现错误?

PS E:\reactNative\AwesomeProject> npx react-native run-android
错误无法识别命令“run-android”。

info 运行“react-native --help”以查看所有可用命令的列表。PS E:\reactNative\AwesomeProject>

0 投票
0 回答
100 浏览

swift - 如何在具有委托的 iOS 本机模块中管理 React Native 的承诺?

我需要找到连接到我手机的同一个 WiFi 的可用打印机。为此,我使用的是 Brother SDK。

我正在使用 React Native 开发本机模块。在这个 SDK 中,我们有startSearchWifi开始搜索的方法,当它完成操作时,该方法didFinishSearch被调用。

这是 SWIFT 中的代码:

我想向我的 Javascript 应用程序公开一个名为discoverWiFi管理所有流程并返回承诺的方法。

像这样的东西:

问题是我不知道如何使用在调用 didFinishSearch 时传入 discoverWiFi 的resolveandreject函数。

谢谢

0 投票
0 回答
34 浏览

ios - 无法在 iOS 应用程序的本机模块中触发框架中的委托方法

我正在编写一个 react native 项目,我试图通过使用react-native-modules的 iOS 应用程序使用BGXpress库连接到 BLE 设备。

我已经能够成功地发现设备并进行连接,但是一旦设备连接,我就无法触发委托方法“ stateChangedForDevice ”。

有人可以帮助我了解如何实际触发委托方法。

谢谢你。

0 投票
1 回答
89 浏览

ios - Module RCTLog 不是注册的可调用模块,Module AppRegistry 不是注册的可调用模块,Module RCTDeviceEventEmitter 不是

我按照教程使用 Native Module 创建了我的 react native 库。我需要使用 BROTHER 开发的移动 SDK 才能在我的一个 REACT-NATIVE 应用程序中使用他们的打印机。

我编写的库效果很好,而且我还可以在自动工具创建的示例应用程序中进行测试。

现在我想在我的 REACT-NATIVE 应用程序中使用这个库,我按照以下步骤操作:

  1. 在我的 react native 应用程序的路径中,我写了 npm install ;
  2. 在我的应用程序中,我调用我的库import MyLibrary from '...name of my library...' 而不在我的组件中使用它,只导入以尝试是否有错误;

结果是我的应用程序启动并被白屏阻塞,并且在 XCode 的日志中我收到以下循环错误: 在此处输入图像描述

在此处输入图像描述

我试图删除 Metro 缓存、删除 node_modules、重新安装 pod……没有任何帮助。如果我删除该行,import MyLibrary from '...name of my library...'我的应用程序将正常工作。我必须将本地库链接到我的 react-native 应用程序的方式存在一些问题。

我用 EXPO 启动了我的 react-native 应用程序,并在我弹出它之后。

反应:16.13.1 反应原生:0.63.4 npm:7.9.0