用:新手向完整指南)
5 分鐘跑通三端 Expo 應(yīng)用新手向完整指南【免費(fèi)下載鏈接】expoAn open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.項(xiàng)目地址: https://gitcode.com/GitHub_Trending/ex/expoExpo 是一個(gè)開源框架讓你用 React 寫出原生運(yùn)行的 Android、iOS 和 Web 應(yīng)用附帶一套原生能力模塊SDK和完整開發(fā)工具鏈。本文用 5 分鐘講清楚它是什么、怎么跑起來、新手會(huì)踩哪些坑。環(huán)境準(zhǔn)備 → 最小跑通前置條件只有一個(gè)電腦裝好 Node.js LTS。macOS、Windows、Linux 都支持不需要先裝 Xcode 或 Android Studio。安裝與初始化一條命令生成項(xiàng)目。create-expo-app是腳手架工具默認(rèn)模板自帶示例代碼npx create-expo-applatest --template default cd YourProjectName啟動(dòng)并確認(rèn)運(yùn)行npx expo start開發(fā)服務(wù)器啟動(dòng)后會(huì)顯示二維碼用手機(jī)的 Expo Go 掃碼或按 i / a / w 分別打開 iOS、Android 模擬器和網(wǎng)頁??吹?Welcome to Expo 界面即成功。核心能力拆解Expo Go不編譯原生代碼就能真機(jī)跑Expo Go 是裝在應(yīng)用商店里的萬能容器 App。你npx expo start后手機(jī)掃碼就能運(yùn)行項(xiàng)目代碼。真實(shí)場景你剛寫完一個(gè)頁面想馬上看真機(jī)效果——等原生編譯太慢掃碼只要幾秒。什么時(shí)候用學(xué)習(xí)期和早期開發(fā)幾乎所有時(shí)間都靠它。倉庫里 apps/expo-go/ 就是 Expo Go 自身的源碼。Expo SDK一組現(xiàn)成的原生能力模塊SDK 是一系列 Expo Module每個(gè)對應(yīng)一種原生能力expo-image高性能圖片加載、expo-camera相機(jī)、expo-location定位。真實(shí)場景做圖片瀑布流時(shí)直接用 SDK 的 Image 組件加載圖片不用自己封裝原生圖片庫。什么時(shí)候用只要你要碰設(shè)備原生能力就輪到它。Prebuild 與開發(fā)構(gòu)建從沙盒走向生產(chǎn)Expo Go 是學(xué)習(xí)沙盒上架需要開發(fā)構(gòu)建。Prebuild 會(huì)從你的配置重新生成android/和ios/原生目錄。真實(shí)場景產(chǎn)品要接入自定義原生代碼或要打包提交應(yīng)用商店。什么時(shí)候用項(xiàng)目過了學(xué)習(xí)階段、準(zhǔn)備發(fā)布時(shí)。工具鏈與擴(kuò)展生態(tài)按開發(fā)階段分三組看開發(fā)階段create-expo-app腳手架一條命令生成項(xiàng)目可以選模板也可以直接從官方示例起步。Expo CLI管理依賴、啟動(dòng)開發(fā)服務(wù)器、連接任意設(shè)備。templates/CLI 生成的項(xiàng)目模板源碼都在這想看默認(rèn)項(xiàng)目長什么樣可以直接翻。調(diào)試階段Expo Go最快的真機(jī)驗(yàn)證手段。expo-doctor一條命令體檢項(xiàng)目專查依賴版本錯(cuò)配這類玄學(xué)問題。部署階段EASExpo Application Services云端構(gòu)建、更新、提交應(yīng)用商店的托管服務(wù)文檔在 docs/pages/eas/。expo-updatesOTA 更新模塊發(fā) JS 更新不用重新過審。新手高頻踩坑問提示 Project is incompatible with this version of Expo Go每個(gè) Expo Go 只內(nèi)置一個(gè) SDK 版本必須和package.json里expo包版本一致。解法安裝匹配 SDK 的 Expo Go 構(gòu)建或把項(xiàng)目版本對齊商店版 Expo Go。詳見 troubleshooting 頁面。問報(bào) Application main has not been registered這多半是紅鯡魚——真正的錯(cuò)誤是 JS 加載階段更早拋出的異常導(dǎo)致應(yīng)用沒來得及注冊。先往上翻日志找真實(shí)報(bào)錯(cuò)常見原因是同一原生依賴裝了兩份不同版本。分析見 application-has-not-been-registered.mdx。問改了代碼沒生效或一啟動(dòng)就崩大概率是打包緩存過期。執(zhí)行npx expo start --clear清 Metro 緩存重啟即可macOS/Linux 的完整清緩存流程在 docs。問已有的 React Native 項(xiàng)目能裝 Expo 嗎可以。exponpm 包幾乎能裝進(jìn)任何 React Native 項(xiàng)目CLI、SDK 模塊、EAS 都能直接用。更多問答見 docs/pages/faq.mdx。下一步去哪官方文檔入口docs/pages/get-started/從 Create a project 一路讀下來。進(jìn)階方向一用 Expo Modules API 寫自己的原生模塊Swift/Kotlin。進(jìn)階方向二expo-router基于文件的路由適合多頁面應(yīng)用。貢獻(xiàn)入口CONTRIBUTING.md面向貢獻(xiàn)者的內(nèi)部教程在 guides/?!久赓M(fèi)下載鏈接】expoAn open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.項(xiàng)目地址: https://gitcode.com/GitHub_Trending/ex/expo創(chuàng)作聲明:本文部分內(nèi)容由AI輔助生成(AIGC),僅供參考