简介
@remobile/react-native-module 是一个在 React Native 项目中集成原生模块的 npm 包。它可以帮助 React Native 开发者快速高效地集成原生模块，使应用程序能够以更好的方式使用设备功能和原生代码。
安装
使用 npm 安装 @remobile/react-native-module：
npm install @remobile/react-native-module --save
用法
iOS
- 添加库 在 Xcode 中，找到项目的 navigator 栏，选择项目并点击 Build Phases。在打开的界面中，选择 Link Binary With Libraries 选项卡。 点击 + 号，选择下图的文件，添加并引用。
- 引用代码 在需要使用的 React Native 组件中，添加 @remobile/react-native-module 引用代码。
import RNModule from '@remobile/react-native-module'
- 使用函数 使用 RNModule 调用原生模块的函数：
RNModule.call('ModuleName', 'functionName', {param1: 'value1', param2: 'value2' });Android
- 添加 Gradle 依赖项 在 app 目录下的 build.gradle 文件中添加以下依赖项：
dependencies {
compile 'com.remobile:react-native-module:1.0.0'
}- 引用代码 在需要使用的 React Native 组件中，添加 @remobile/react-native-module 引用代码。
import RNModule from '@remobile/react-native-module'
- 使用函数 使用 RNModule 调用原生模块的函数：
RNModule.call('ModuleName', 'functionName', {param1: 'value1', param2: 'value2' });示例代码
调用 iOS 原生模块函数
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ - ----------------- ---- - ---- ---------------
------ -------- ---- --------------------------------
------ ------- ----- --------------- ------- --------- -
--------------- - -- -- -
--------------------------- -------------- --------- ------ -------
-
-------- -
------ -
----------------- -------------------------------
---------- --- ---------------
-------------------
-
-
-调用 Android 原生模块函数
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ - ----------------- ---- - ---- ---------------
------ -------- ---- --------------------------------
------ ------- ----- ------------------- ------- --------- -
------------------- - -- -- -
--------------------------- -------------- --------- ------ -----------
-
-------- -
------ -
----------------- -----------------------------------
---------- ------- ---------------
-------------------
-
-
-总结
@remobile/react-native-module 是一个在 React Native 项目中集成原生模块的好帮手。在 iOS 和 Android 平台上使用它很简单，只需添加库和引用代码，就可以使用 RNModule 调用原生模块函数。这个 npm 包为 React Native 开发者提供了一个高效的方法来集成和使用原生代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cbf81e8991b448e637f