记使用expo与expoKit分离工程遇到的坑

expoKit是支持expo平台的Objective-C和Java库，比纯RN一个个引入包开发效率会高一些，比如react-native-vector-icons包已经集成在expoKit中了。

假定开发环境windows，已有expo工程，直接开始分离。

expo eject

1. 报错：UnhandledPromiseRejectionWarning: Error: spawn /bin/cp ENOENT

原因，找不到/bin/cp指令，明显是linux系统指令，解决方式可以是装MSYS，运行这句指令。

可能会碰到要登陆expo账号的提示：

expo login -u username -p password

同时MSYS可能不支持交互：

expo eject --eject-method expoKit

之后输入Android 包名，基本可以成功分离（至少文件结构正常）。

android文件夹结构如图：

2. 启动expo (expo start）后，用AS打开android文件夹，启动报错：

java.lang.RuntimeException: Unable to start activity ComponentInfo{com.yct.myCollection1/host.exp.exponent.MainActivity}: java.lang.IllegalArgumentException: unexpected url: http:

该错误是由于expo并不会自动填入DEVELOPMENT_URL参数。

进入.\android\app\src\main\java\host\exp\exponent\generated\DetachBuildConstants.java

图中url来自于启动expo时终端的提示。

将url正确填入后，终端执行expo start， AS启动工程，应该能够在模拟器中看到app运行效果。

3. 再次启动调试的时候报错：

这是由于expo启动时./android/app/build文件夹被expo占用，AS启动工程时无法更新该文件夹导致。

解决方案主要有两种，可以在每次调试前删除build文件夹，或者在启动AS工程后启动expo。

解决以上三个问题，基本上可以正常调试了。

下面记录打包流程、出现的问题和解决方法。

一般来说，直接使用AS生成dev-debug包没有问题，因为默认调试时给手机安装的就是这种apk，打包步骤为：

1. 修改icons和splash, android/app/src/main/res 中分别替换或添加图标。

  调整封面修改splash_background.xml配置文件，修改app图标或替换ic_foreground.png，或添加图片并修改ic_launcher.xml配置文件。

2. 修改配置文件android/app/build.gradle，提供签名文件

生成签名文件和全局配置详情见react-native官网：https://facebook.github.io/react-native/docs/signed-apk-android

3. 修改好后准备打包，点击Build -> Generate Signed Bundle/APKs

   

其中可以看到四个选项分别对应开发版/非开发版、debug/release版。第一个选项一般如果调试时正常，打包基本上不存在问题。此处主要考虑打发布包（第四个）。

点击Finish开始打包。

**打包过程中可能会在报错，提示找不到/android/app/src/main/assets/shell-app-manifest.json；此问题一般是由于没有运行

expo publish

运行后再次打包，会发现在android/app/src/main/java/host.exp.exponent/generated/AppConstants中多出了两行代码：

embeddedResponses.add(new Constants.EmbeddedResponse("https://exp.host/@YOURUSERNAME/YOURPACKAGENAME", "assets://shell-app-manifest.json", "application/json"));
embeddedResponses.add(new Constants.EmbeddedResponse("https://***********.cloudfront.net/%40YOURUSERNAME%2FYOURPACKAGENAME%2F1.0.0%2F********************-32.0.0-android.js", "assets://shell-app.bundle", "application/javascript"));

通常这两句出现后，打包可以成功。

**打包完成发现有些asset图片、图标资源无法载入。

猜测可能是签名文件配置或者expo自身的配置问题。仔细检查步骤2，并且根据 expo 社区回答（https://github.com/expo/expo/issues/2105）在app.js 开头添加Asset；实在不行重新eject分离。

至此，在我的环境下已能成功打prod-release包并运行在设备中。下面附上我的环境信息：