Create React Native Library 是做什麼的?
概述
使用此技能來建立一個獨立的 React Native 函式庫,或是在現有應用程式中建立一個本地函式庫,然後繼續使用相應的實作文件。
範例:
- 純 JavaScript 函式庫(可能使用其他 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 modules 和 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 |