背景

Flutter作为谷歌下一代主推的全平台UI框架，具有很多的优点：

• 支持全平台，包括Android、iOS、Web甚至桌面端。
• 全平台都基于同一套代码库，区别于React Native的learn once, write everywhere。
• 媲美原生的性能。
• 牛逼的开发效率，这个深有体会，目前笔者公司负责的一个电商app，随便修改一行代码build一次在2018款macbook pro 15下都需要4分钟左右，Flutter可以做到不到一秒。
• 丰富的组件库，比Android的组件更加丰富。
• 国内已经有很多大厂已经有使用Flutter在他们的核心项目中了， 比如阿里的咸鱼，腾讯的now直播，京东商城等等。

今年整个互联网寒冬，很多公司都在裁员，移动端跨平台方案能够一定程度上节约开发成本，而且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
        }
    }

满心欢喜的赶紧build再次运行，结果还是一样，进入flutter页面，还是黑屏一下，然后闪退，这时候出现的error log是：

VM snapshot must be valid.
Check failed: vm. Must be able to initialize the VM.

WTF：google之，发现一片非常有用的文章https://github.com/flutter/flutter/issues/19818。在这篇文章中提到：

vmfailed

接着继续查看上面这个issue 19818（这个number还蛮吉利的），有个兄弟说是如果你的项目中有用到productFlavors的话，你的flutter项目也必须要配置相同的productFlavors才会自动把flutter_assets打包进去。按照下面这个方式进行代码调整：

productFlavor

fluttermaster

在经过多次痛哭流涕之后，我真想把电脑合上，背起书包回家（已经是深夜了），但是作为一个对技术有狂热追求的我，我不甘心就这样失败。也许是上帝的安排，冥冥之中我对比了下别的项目module名称都是app这样，而我们的却是vipshop。我想再尝试一把，不行的话，那我就放弃了。 于是我把vipshop重命名为app，build运行。查看下apk打包的内容。

done

flutter_assets终于打包进去了。 进入flutter页面也没闪退了。呜呜... 今晚终于可以安心睡个好觉了。 赶紧掏出手机叫好滴滴，打卡下班回家....

总结

整体的曲折经历上面已经说了，下面总结下具体的改动点，假设你的主工程和flutter module位于：

• 主工程：/somepath/my_app
• flutter module: /somepath/flutter_module

主要改动点有：

1. flutter切到master分支，执行flutter channel master。
2. 按照官方指引https://github.com/flutter/flutter/wiki/Add-Flutter-to-existing-apps进行集成。
3. 确保你的主工程的主module名称是app，/somepath/my_app/app。
4. 如果你的项目使用了abi splits，确认include的是armeabi-v7a。

    splits {
        abi {
            enable !project.hasProperty('runx86')
            reset()
            include 'armeabi-v7a' 
            universalApk false
        }
    }

5. 假设你的主项目配置了dev productFlavor，那么你需要修改 /somepath/flutter_module/.android/Flutter/build.gradle，增加dev productFlavor和buildTypes。

   
   
   productflavor

6. 修改flutter项目 /somepath/flutter_module/.android/app/build.gradle，增加dev productFlavor

   
   
   productflavor

大功告成！！