簡要:本系列文章講會對expo進行全面的介紹,本人從2017年6月份接觸expo以來,對expo的研究斷斷續續,一路走來將近10個月,廢話不多說,接下來你看到內容,講全部來與官網 我猜去全部機翻+個人修改補充+demo測試的形式,對expo進行一次大補血!歡迎加入expo興趣學習交流群:597732 ...
簡要:本系列文章講會對expo進行全面的介紹,本人從2017年6月份接觸expo以來,對expo的研究斷斷續續,一路走來將近10個月,廢話不多說,接下來你看到內容,講全部來與官網
我猜去全部機翻+個人修改補充+demo測試的形式,對expo進行一次大補血!歡迎加入expo興趣學習交流群:597732981
【之前我寫過一些列關於expo和rn入門配置的東i西,大家可以點擊這裡查看:從零學習rn開發】
相關文章:
Expo大作戰(一)--什麼是expo,如何安裝expo clinet和xde,xde如何使用
Expo大作戰(二)--expo的生命周期,expo社區交流方式,expo學習必備資源,開發使用expo時關註的一些問題
Expo大作戰(三)--針對已經開發過react native項目開發人員有針對性的介紹了expo,expo的局限性,開發時項目選型註意點等
Expo大作戰(四)--快速用expo構建一個app,expo中的關鍵術語
Expo大作戰(五)--expo中app.json 文件的配置信息
Expo大作戰(六)--expo開發模式,expo中exp命令行工具,expo中如何查看日誌log,expo中的調試方式
Expo大作戰(七)--expo如何使用Genymotion模擬器
Expo大作戰(八)--expo中的publish以及expo中的link,對link這塊東西沒有詳細看,大家可以來和我交流
接下來就開始擼碼
分離到ExpoKit
ExpoKit是一個Objective-C和Java庫,允許您將Expo平臺和現有的Expo項目用作較大標準本地項目的一部分 - 您通常會使用Xcode,Android Studio或反應本機初始化創建該項目。
這個是來做什麼的?
如果您在XDE中創建了Expo項目並且想要添加自定義本機模塊的方式,本指南將解釋如何使用ExpoKit來達到此目的。
通常,expo應用程式是用純JS編寫的,從不“下降(drop down)”到本地iOS或Android層。這是expo理念的核心,也是exoi快速而強大使用的一部分。
但是,在某些情況下,高級開發人員需要在expo開箱即用之外的本地功能。最常見的情況是,當一個項目需要特定的本地模塊時,它不受React Native Core或Expo SDK的支持。
在這種情況下,Expo允許您從Expo iOS / Android客戶端分離純JS項目(Expo allows you to
detach
your pure-JS project from the Expo iOS/Android clients),為您提供可以使用Xcode和Android Studio打開並構建的本地項目。這些項目將依賴於ExpoKit,所以你已經構建的所有東西都會像以前一樣繼續工作。我們稱之為“分離”,因為你仍然依賴expo的SDK,但你的項目不再住在標準的expo客戶端。您可以控制本地項目,包括自己配置和構建它們。
我應該分離嗎?(Should I detach?)
如果出現以下情況,您可能需要分離
- 您的expo項目需要expo目前不支持的本地模塊。我們一直在擴大expo會的SDK,所以我們希望你永遠不會是這樣。但是它發生了,特別是如果你的應用程式有非常特定和不常見的本地需求。
如果:
- 您只需將應用程式分發到iTunes Store或Google Play即可。在這種情況下,expo可以為你製作二進位文件。如果你分離,我們不能再為你自動構建。
- 編寫本機代碼讓你感到不舒服。分離的應用程式將要求您管理Xcode和Android Studio項目。
- 您可以享受expo帶來的無痛React Native升級版。在你的應用程式被分離後,重做React Native中的更改會對你的項目產生不同的影響,你可能需要根據你的具體情況來計算它們。
- 你需要expo推送通知服務。分離後,由於Expo不再管理推送證書,因此您需要管理自己的推送通知管道。
- 你依靠在expo社區尋求幫助。在您的原生Xcode和Android Studio項目中,您可能會遇到不屬於expo領域的問題。
說明
以下步驟用於將純JS項目(例如從XDE創建的項目)轉換為依賴於ExpoKit的本機iOS和Android項目。
分離之後,所有JS文件將保持不變,但我們還將在項目文件夾中創建ios和android目錄。這些將分別包含Xcode和Android Studio項目,並且它們將依賴於React Native和Expo的核心SDK。
您仍然可以從XDE開發和測試您的項目,並且您仍然可以以相同的方式發佈您的Expo JS代碼。但是,如果您添加未包含在expo中的本機依賴項,則其他用戶將無法使用expo應用運行您應用的這些功能。您需要自己分發本地項目。
註意:detach目前是alpha功能,您可能會遇到問題。您的項目必須運行Expo SDK 16.0.0或更新版本才能分離。請自行承擔風險,並請就您遇到的任何反饋意見或問題與我們聯繫。
1.安裝exp
- 如果你沒有它,運行npm install -g exp來獲得我們的命令行庫。
- 如果您之前沒有使用過exp或XDE,您需要做的第一件事就是使用exp login登錄您的expo戶。
2.確保你在app.json中有必要的鍵
分離需要與構建獨立應用程式相同的鍵。在繼續下一步之前,請遵循這些指示。
3.分離
在您的項目目錄中運行 exp detach。這將下載所需的依賴關係,併在ios和android目錄下創建本地項目。
4.設置並運行您的本地項目
恭喜你,你現在有一個本地項目與expo!按照使用ExpoKit進行開發下的指導來完成設置和運行。
5.進行本地更改
你可以在Xcode和Android Studio項目中做任何你想做的事情。
要為React Native添加第三方本機模塊,應支持諸如react-native link 等非expo特定指令。閱讀有關更改ExpoKit項目中本地依賴關係的更多詳細信息。
6.分發你的應用程式
從XDE / exp發佈你的JS仍然可以工作。只要應用程式重新載入應用程式,您的應用程式的用戶就會在其設備上獲得新的JS;如果它沒有改變,你不需要重建你的本地代碼。
如果您確實進行本地更改,那麼沒有您的本機代碼的用戶如果嘗試使用依賴於這些更改的功能,則可能會遇到崩潰。
如果您決定將您的應用分配為ipa或apk,它會自動打到您應用的發佈網址,而不是您的開發XDE網址。閱讀關於你的應用的JS網址的高級細節。
一般來說,在將您的應用程式一直用於製作之前,瀏覽高級 ExpoKit主題指南是一個不錯的主意。
下一張繼續介紹,這一篇主要介紹了:expo如何分離(detach),分離後可以比react native更有優勢,但也失去了expo的部分優勢,歡迎大家關註我的微信公眾號,這篇文章是否被大家認可,我的衡量標準就是公
眾號粉絲增長人數。歡迎大家轉載,但必須保留本人博客鏈接!