React Native与Android原生通信详解：模块与JS交互方法

在React Native与Android混合开发中，原生与JavaScript之间的通信是非常关键的部分。本文将详细介绍如何通过定义Java模块（Module）和React Package来实现两者间的有效交互。以下是主要步骤： 1. 定义Java Module: - 创建一个名为`ToastExample`的Java类，它继承自`ReactContextBaseJavaModule`。这是实现React Native与原生交互的核心，因为它允许你在Java层面上定义处理JavaScript调用的方法。 - `ToastExample`类中，我们看到`@ReactMethod`注解用于标记那些可以被JavaScript调用的Java方法，如`showToast`，这将作为原生与JS之间交互的接口。 2. 实现交互方法: - 在`ReactMethod`修饰的方法中，比如`showToast`，我们需要定义参数接收和返回值处理。例如，`showToast(String message, int duration)`方法接收一个字符串消息和一个整数表示显示时间（可能有`LONG_TIME`常量，表示长时显示）。 - 对于异步操作，可以通过`Callback`、`Promise`或`EventEmitter`发送结果回传给JavaScript。在这里，文章可能展示了如何使用`Callback`作为参数，以便在完成后执行回调函数。 3. 定义React Package: - 接下来，创建一个`ReactPackage`的子类，用于收集所有相关的Module。在这个包装类中，我们将`ToastExample`实例添加到一个列表或集合中，确保React Native应用能够找到并加载这些模块。 4. 集成到ReactApplication: - 在继承自`ReactApplication`的Android应用中，实现`getPackages()`方法，返回包含所有React Package的列表。这样，React Native框架在启动时会自动注册这些包，从而允许JavaScript调用Java模块的方法。 5. 在JavaScript中调用: - JavaScript端可以通过`requireNativeModule`函数来引用并调用Java模块中的方法。例如，通过`import { ToastExample } from 'react-native';`导入模块，然后调用`ToastExample.showToast('Hello from JS', ToastExample.LONG_TIME)`来显示一个长时间的 toast。 总结来说，这篇文章提供了一种在React Native应用中创建和使用原生模块的方法，通过Java与JavaScript的交互，使得混合应用可以共享数据和功能。开发者需要了解Java的基本语法，以及如何正确地将React Native的接口与原生组件集成，以实现跨平台的高效通信。