创建 React Native 库
概述
使用此技能来脚手架一个独立的 React Native 库,或者在现有应用中创建一个本地库,然后继续遵循正确的实现文档。
示例:
- 纯 JS 库,可能使用其他 React Native 库
- 将原生功能暴露给 JavaScript 的原生模块
- 在 React Native 中渲染原生视图的原生 UI 组件
请首先选择一个流程:
- 使用 scaffold-library.md 创建可能发布到 npm 的新库
- 使用 local-library.md 在 React Native 应用中暴露原生功能
何时应用
在以下情况下使用此技能:
- 使用
create-react-native-library创建或开发 React Native 库 - 在现有应用中创建原生模块或视图
- 封装原生 SDK 并将其暴露给 React Native
快速参考
# 在脚手架之前检查当前选项
npx create-react-native-library@latest --help
# 使用 turbo 模块和 Expo 示例应用脚手架一个库
npx create-react-native-library@latest awesome-library \
--no-interactive \
--yes \
--description "A brief description of the library" \
--type turbo-module \
--languages kotlin-objc \
--example expo
# 在现有应用内部脚手架一个本地 Turbo Module
cd MyApp
npx create-react-native-library@latest awesome-library \
--local \
--no-interactive \
--yes \
--description "A brief description of the library" \
--type turbo-module \
--languages kotlin-objc
参考文档
| 文件 | 描述 |
|---|---|
| scaffold-library.md | 脚手架一个新库,并默认使用 Expo 示例 |
| local-library.md | 向现有应用添加一个带有自动链接功能的本地库 |
问题 -> 技能映射
| 问题 | 起始文档 |
|---|---|
| 需要一个新的库脚手架 | scaffold-library |
| 需要向应用添加一个本地原生库 | local-library |