跳到主要內容

介紹 Create React Native App

·2 分鐘閱讀
Adam Perry
Adam Perry
Expo 的軟體工程師

今天我們宣布 Create React Native App：一個讓 React Native 專案入門更輕鬆的全新工具！它深受 Create React App 設計的啟發，並且是 Facebook 和 Expo（前身為 Exponent）合作的成果。

許多開發人員在安裝和設定 React Native 目前的原生建置依賴項時遇到困難，尤其是 Android。透過 Create React Native App，您無需使用 Xcode 或 Android Studio，而且可以使用 Linux 或 Windows 為您的 iOS 裝置進行開發。這是透過 Expo 應用程式完成的，該應用程式載入並執行以純 JavaScript 撰寫的 CRNA 專案，而無需編譯任何原生程式碼。

嘗試建立新專案（如果您已安裝 yarn，請替換為適當的 yarn 命令）

$ npm i -g create-react-native-app
$ create-react-native-app my-project
$ cd my-project
$ npm start

這將啟動 React Native 封裝器並列印 QR 條碼。在 Expo 應用程式中開啟它以載入您的 JavaScript。呼叫 console.log 會轉送到您的終端機。您可以利用任何標準 React Native API 以及 Expo SDK。

原生程式碼呢？​

許多 React Native 專案都有 Java 或 Objective-C/Swift 依賴項，需要編譯。Expo 應用程式確實包含用於相機、視訊、聯絡人等的 API，並捆綁了熱門的函式庫，例如 Airbnb 的 react-native-maps 或 Facebook 驗證。但是，如果您需要 Expo 未捆綁的原生程式碼依賴項，那麼您可能需要為其設定自己的建置配置。就像 Create React App 一樣，CRNA 支援「彈射」。

您可以執行 npm run eject 以取得與 react-native init 將產生的專案非常相似的專案。在那個時候，您將需要 Xcode 和/或 Android Studio，就像您從 react-native init 開始一樣，使用 react-native link 新增函式庫將會有效，而且您將完全控制原生程式碼編譯過程。

有問題嗎？意見回饋？​

Create React Native App 現在已足夠穩定，可供一般使用，這表示我們非常渴望聽到您使用它的體驗！您可以在 Twitter 上找到我，或在 GitHub 儲存庫上開啟問題。非常歡迎提取請求！