昨天我們試著使用Expo啟動環境,今天我們使用React Native Cli來啟動環境。
React Native Cli是React Native官方提供的命令行工具,用於創建和管理React Native項目。允許開發者直接與原生代碼交互,提供了更多的靈活性和控制權。
靈活性:React Native Cli提供更多對原生代碼的控制,而Expo則提供了一個更簡化的開發環境。
學習曲線:React Native Cli的設置過程較為複雜,需要配置多個依賴項;Expo則簡化了這個過程。
構建過程:React Native Cli需要你自己管理構建過程;Expo則處理了大部分構建細節。
Expo近年來已經解決了許多早期的限制。通過Expo的
prebuild
功能,從Expo項目轉換到完全原生項目變得更加容易。
JDK、Android SDK、Emulator都照前一篇進行設置。JAVA_HOME、ANDROID_HOME等環境變量也照先前進行設置
接下來我們開始使用React Native Cli來進行測試
創建新項目:
pnpm dlx react-native init MyTest
進入項目目錄並啟動Metro bundler,Metro與 Vite 和 webpack 等bundler類似,他是使用 Babel 將 JSX 等語法轉換為可執行的 JavaScript,接著執行
cd MyTest
npx react-native start
在另一個終端窗口運行應用:
pnpm dlx react-native run-android
結果如下
今天嘗試了使用React Native Cli進行開發,由於Expo已經有許多教程了,所以之後會主要以React Native Cli進行嘗試並摸索。