树外平台
React Native 不仅适用于 Android 和 iOS 设备——我们的合作伙伴和社区还在维护将 React Native 引入其他平台的项目,例如
来自合作伙伴
- React Native macOS - 适用于 macOS 和 Cocoa 的 React Native。
- React Native Windows - 适用于 Microsoft 通用 Windows 平台 (UWP) 的 React Native。
- React Native visionOS - 适用于 Apple visionOS 的 React Native。
来自社区
- React Native tvOS - 适用于 Apple TV 和 Android TV 设备的 React Native。
- React Native Web - 使用 React DOM 在 Web 上运行 React Native。
- React Native Skia - 使用 Skia 作为渲染器的 React Native。目前支持 Linux 和 macOS。
创建你自己的 React Native 平台
目前,从头开始创建 React Native 平台的过程文档不完善——即将进行的架构重构(Fabric)的目标之一是使平台维护变得更容易。
打包
从 React Native 0.57 开始,你现在可以将你的 React Native 平台注册到 React Native 的 JavaScript 打包器,Metro。这意味着你可以将 --platform example
传递给 npx react-native bundle
,它将查找带有 .example.js
后缀的 JavaScript 文件。
要在 RNPM 中注册你的平台,你的模块名称必须匹配以下模式之一
react-native-example
- 它将搜索所有以react-native-
开头的顶级模块@org/react-native-example
- 它将在任何作用域下搜索以react-native-
开头的模块@react-native-example/module
- 它将搜索所有名称以@react-native-
开头的范围下的模块
你还必须在你的 package.json
中有一个这样的条目
json
{
"rnpm": {
"haste": {
"providesModuleNodeModules": ["react-native-example"],
"platforms": ["example"]
}
}
}
"providesModuleNodeModules"
是一个模块数组,这些模块将被添加到 Haste 模块搜索路径中,而 "platforms"
是一个平台后缀数组,这些后缀将被添加为有效的平台。