树外平台
React Native 不仅适用于 Android 和 iOS 设备 - 我们的合作伙伴和社区维护着将 React Native 引入其他平台的项目,例如:
¥React Native is not only for Android and iOS devices - our partners and the community maintain projects that bring React Native to other platforms, such as:
来自合作伙伴
¥From Partners
-
React Native macOS - 适用于 macOS 和 Cocoa 的 React Native。
¥React Native macOS - React Native for macOS and Cocoa.
-
React Native Windows - 适用于 Microsoft 通用 Windows 平台 (UWP) 的 React Native。
¥React Native Windows - React Native for Microsoft's Universal Windows Platform (UWP).
-
React Native visionOS - 适用于 Apple visionOS 的 React Native。
¥React Native visionOS - React Native for Apple's visionOS.
来自社区
¥From Community
-
React Native tvOS - 适用于 Apple TV 和 Android TV 设备的 React Native。
¥React Native tvOS - React Native for Apple TV and Android TV devices.
-
React Native 网络 - 使用 React DOM 在网络上 React Native。
¥React Native Web - React Native on the web using React DOM.
-
React Native Skia - React Native 使用 Skia 作为渲染器。目前支持 Linux 和 macOS。
¥React Native Skia - React Native using Skia as a renderer. Currently supports Linux and macOS.
创建你自己的 React Native 平台
¥Creating your own React Native platform
目前,从头开始创建 React Native 平台的过程还没有很好的记录 - 即将到来的重新架构 (Fabric) 的目标之一是使平台维护变得更加容易。
¥Right now the process of creating a React Native platform from scratch is not very well documented - one of the goals of the upcoming re-architecture (Fabric) is to make maintaining a platform easier.
打包
¥Bundling
从 React Native 0.57 开始,你现在可以使用 React Native 的 JavaScript 打包程序 Metro 注册你的 React Native 平台。这意味着你可以将 --platform example
传递给 npx react-native bundle
,它将查找带有 .example.js
后缀的 JavaScript 文件。
¥As of React Native 0.57 you can now register your React Native platform with React Native's JavaScript bundler, Metro. This means you can pass --platform example
to npx react-native bundle
, and it will look for JavaScript files with the .example.js
suffix.
要向 RNPM 注册你的平台,你的模块名称必须与以下模式之一匹配:
¥To register your platform with RNPM, your module's name must match one of these patterns:
-
react-native-example
- 它将搜索所有以react-native-
开头的顶层模块¥
react-native-example
- It will search all top-level modules that start withreact-native-
-
@org/react-native-example
- 它将在任何范围内搜索以react-native-
开头的模块¥
@org/react-native-example
- It will search for modules that start withreact-native-
under any scope -
@react-native-example/module
- 它将搜索名称以@react-native-
开头的范围内的所有模块¥
@react-native-example/module
- It will search in all modules under scopes with names starting with@react-native-
你的 package.json
中还必须有一个条目,如下所示:
¥You must also have an entry in your package.json
like this:
{
"rnpm": {
"haste": {
"providesModuleNodeModules": ["react-native-example"],
"platforms": ["example"]
}
}
}
"providesModuleNodeModules"
是将添加到 Haste 模块搜索路径的模块数组,"platforms"
是将添加为有效平台的平台后缀数组。
¥"providesModuleNodeModules"
is an array of modules that will get added to the Haste module search path, and "platforms"
is an array of platform suffixes that will be added as valid platforms.