19、React Native 深入解析：原生调用与动画机制

React Native 深入解析：原生调用与动画机制

1. 原生调用机制

在 React Native 开发中，原生调用是实现 JavaScript 与原生代码交互的关键环节。下面我们将深入探讨原生调用的相关内容。

1.1 生成原生模块

首先，需要对原生模块的方法进行处理。具体步骤如下：
1. 遍历原生模块的所有方法。
2. 创建这些方法在 JavaScript 层的对应方法。
3. 将 genModule 注入为 __fbGenNativeModule ，以便从原生层调用。

global.__fbGenNativeModule = genModule;

1.2 生成方法

genMethod 函数用于生成原生方法的包装器，根据方法类型（ promise 或非 promise ）进行不同处理。

function genMethod (
  moduleID: number, methodID: number, type: MethodType
) {
  let fn = null;
  if (type === 'promise') {
    fn = function promiseMethodWrapper(...args: Array<any&g