附录
I. 术语
-
Spec - 描述 Turbo Native Module 或 Fabric Native 组件 API 的 TypeScript 或 Flow 代码。由 Codegen 用于生成样板代码。
-
Native Modules - 没有用户界面 (UI) 的本地库。例如持久存储、通知、网络事件。这些作为函数和对象可供你的 JavaScript 应用程序代码访问。
-
Native Component - 通过 React 组件可供应用程序 JavaScript 代码使用的本地平台视图。
-
Legacy Native Components - 运行在旧版 React Native 架构上的组件。
-
Legacy Native Modules - 运行在旧版 React Native 架构上的模块。
II. Codegen 类型
你可以使用下表作为参考，了解支持哪些类型以及它们在每个平台上的映射关系：
| Flow | TypeScript | Flow 可空支持 | TypeScript 可空支持 | Android (Java) | iOS (ObjC) |
|---|---|---|---|---|---|
string | string | ?string | string | null | string | NSString |
boolean | boolean | ?boolean | boolean | null | Boolean | NSNumber |
对象字面量{| foo: string, ...|} | { foo: string, ...} as const | ?{| foo: string, ...|} | ?{ foo: string, ...} as const | - | - |
| 对象 [1] | 对象 [1] | ?对象 | Object | null | ReadableMap | @ (未类型化的字典) |
Array<T> | Array<T> | ?Array<T> | Array<T> | null | ReadableArray | NSArray (或在对象内部使用时为 RCTConvertVecToArray) |
Function | Function | ?Function | Function | null | - | - |
Promise<T> | Promise<T> | ?Promise<T> | Promise<T> | null | com.facebook.react.bridge.Promise | RCTPromiseResolve 和 RCTPromiseRejectBlock |
类型联合'SUCCESS'|'FAIL' | 类型联合'SUCCESS'|'FAIL' | 仅作为回调 | - | - | |
回调() => | 回调() => | 是 | com.facebook.react.bridge.Callback | RCTResponseSenderBlock | |
number | number | 否 | double | NSNumber |
注意：
[1] 我们强烈建议使用对象字面量而不是对象。
信息
你可能还会发现参考 React Native 中核心模块的 JavaScript 规范很有用。这些位于 React Native 仓库中的 Libraries/ 目录内。