树外平台
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 - 在 Web 上使用 React DOM 的 React Native。
- React Native Skia - 使用 Skia 作为渲染器的 React Native。目前支持 Linux 和 macOS。
创建你自己的 React Native 平台
从零开始创建 React Native 平台的过程仍然没有很完善的文档说明——New Architecture 和 Fabric 的目标之一就是让平台维护更容易。
打包
从 React Native 0.57 开始,你现在可以将你的 React Native 平台注册到 React Native 的 JavaScript 打包器 Metro 中。这意味着你可以在 npx react-native bundle 中传入 --platform example,它会查找后缀为 .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" 是一个平台后缀数组,这些后缀会被添加为有效的平台。