• 记使用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参数。

    进入.androidappsrcmainjavahostexpexponentgeneratedDetachBuildConstants.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包并运行在设备中。下面附上我的环境信息:

  • 相关阅读:
    在C#程序中模拟发送键盘按键消息
    C# UDPCLIENT多线程实例
    【转】WINFORM下FTP客户端的实现
    抓取屏幕或窗体并保存成图片
    c# 判断窗体已打开则显示为焦点
    【转】C#中dataGridView用法实例分析
    【转】VC6控件小记
    .Net部署二三事之一——如何为VS安装文件MSI制作更新补丁MSP
    [转]C#串口serialPort操作
    VS向IIS发布C#或VB应用程序
  • 原文地址:https://www.cnblogs.com/carbo-T/p/10751781.html
Copyright © 2020-2023  润新知