Expo大作戰(二十一)--expo如何分離（detach），分離后可以比react native更有優勢，但也失去了expo的部分優勢，

簡要：本系列文章講會對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的部分優勢，歡迎大家關注我的微信公眾號，這篇文章是否被大家認可，我的衡量標准就是公

眾號粉絲增長人數。歡迎大家轉載，但必須保留本人博客鏈接！