code小生,一个专注 Android 领域的技术平台
公众号回复 Android 加入我的安卓技术群
作者:dengyin2000
链接:https://www.jianshu.com/p/d9cc2ff365c8
声明:本文已获dengyin2000
授权发表,转发等请联系原作者授权
背景
Flutter作为谷歌下一代主推的全平台UI框架,具有很多的优点:
今年整个互联网寒冬,很多公司都在裁员,移动端跨平台方案能够一定程度上节约开发成本,而且android ios都是一套代码,也避免了分端开发导致两端逻辑可能不一致的问题。
尝鲜
按照官方文档的指引https://github.com/flutter/flutter/wiki/Add-Flutter-to-existing-apps,很快我就完成了集成,但是一运行,进入flutter页面时,总是黑屏过段时间就闪退了,查看崩溃信息时发现应该是flutter so库没有打包进去,这个问题是因为我们的项目是只打包armeabi单abi。而flutter只提供armeabi-v7a以上的so。所以我们把abi改成armeabi-v7a就可以顺利打包flutter的so库了,如下:
splits { abi { enable !project.hasProperty('runx86') reset() include 'armeabi-v7a' universalApk false } }
abi {
enable !project.hasProperty('runx86')
reset()
include 'armeabi-v7a'
universalApk false
}
}
满心欢喜的赶紧build再次运行,结果还是一样,进入flutter页面,还是黑屏一下,然后闪退,这时候出现的error log是:
VM snapshot must be valid.Check failed: vm. Must be able to initialize the VM.Check failed: vm. Must be able to initialize the VM.
WTF:google之,发现一片非常有用的文章https://github.com/flutter/flutter/issues/19818。在这篇文章中提到:
看起来是说打包的apk的assets中缺少了flutter_assets,flutter_assets里面是什么?我猜他妈的肯定是dart vm还有dart的代码。这个哥们也比较实在,他说他也不知道为什么没有打包进去。于是按照这个哥们的方法,手工把flutter module编译出来的flutter_assets的拷贝到安卓项目中,然后重新编译打包,我手指微微颤抖的点开flutter页面,我操,flutter页面终于出来,我第一次流下了幸福的眼泪。但是幸福过后,还是要思考,我不能每次都手工拷贝吧,写个脚本拷贝也行,但是还是显得不太专业,我想要的是直接在IDE上点build按钮就能生成一个完美的apk包。
接着继续查看上面这个issue 19818(这个number还蛮吉利的),有个兄弟说是如果你的项目中有用到productFlavors的话,你的flutter项目也必须要配置相同的productFlavors才会自动把flutter_assets打包进去。按照下面这个方式进行代码调整:
build打包运行,f**k,还是不行。flutter_assets怎样都打包不进apk里面。然后就是无尽的尝试,终于发现有一个中国的兄弟遇到跟我类似的问题https://www.jianshu.com/p/3a88d9b993cd。
看起来是需要切到flutter的master分支上才可以,目前我是在stable分支上,那就切把,赶紧执行flutter channel master。这个过程需要翻墙,或者添加flutter中国镜像。要不然会下载不成功。切成功之后,试了无数次,还行不行。怎么办,我已经生无死恋……………………..
在经过多次痛哭流涕之后,我真想把电脑合上,背起书包回家(已经是深夜了),但是作为一个对技术有狂热追求的我,我不甘心就这样失败。也许是上帝的安排,冥冥之中我对比了下别的项目module名称都是app这样,而我们的却是vipshop。我想再尝试一把,不行的话,那我就放弃了。 于是我把vipshop重命名为app,build运行。查看下apk打包的内容。
flutter_assets终于打包进去了。 进入flutter页面也没闪退了。呜呜… 今晚终于可以安心睡个好觉了。 赶紧掏出手机叫好滴滴,打卡下班回家….
总结
整体的曲折经历上面已经说了,下面总结下具体的改动点,假设你的主工程和flutter module位于:
主要改动点有:
flutter切到master分支,执行flutter channel master。
按照官方指引https://github.com/flutter/flutter/wiki/Add-Flutter-to-existing-apps进行集成。
确保你的主工程的主module名称是app,/somepath/my_app/app。
如果你的项目使用了abi splits,确认include的是armeabi-v7a。
splits { abi { enable !project.hasProperty('runx86') reset() include 'armeabi-v7a' universalApk false } }
abi {
enable !project.hasProperty('runx86')
reset()
include 'armeabi-v7a'
universalApk false
}
}
假设你的主项目配置了dev productFlavor,那么你需要修改 /somepath/flutter_module/.android/Flutter/build.gradle,增加dev productFlavor和buildTypes。
修改flutter项目 /somepath/flutter_module/.android/app/build.gradle,增加dev productFlavor