android 实现表格横向混动_Flutter混合开发和Android动态更新实践

Flutter混合开发和Android动态更新实践

感谢闲鱼和csdn的文章给的思路：

本篇是实践性文章包含两部分

将Flutter工程编译后的文件集成到Android项目

将Flutter代码热更新

不涉及源码和理论，想要了解的话可以阅读上面的文章

将Flutter工程编译后的文件集成到Android项目

​ 因为Flutter无法完全替代原生绝大部分项目都是Flutter和Native混合开发的模式，所以存在一部分同学只做Native开发，并不熟悉Flutter技术。如果直接采用Flutter工程来开发，那这部分原生开发同学也需要配置Flutter环境，学习Flutter。

​ 由于上述原因，所以采用flutter项目和原生项目相互独立开发，将flutter项目编译后的文件以module的形式集成到Android项目中。

原理：Android项目依赖flutter的文件

Flutter库

主要是flutter.jar，文件位于Flutter SDK目录下flutter/bin/cache/artifacts/engine

Flutter工程编译文件

isolate_snapshot_data、isolate_snapshot_instr、vm_snapshot_data、vm_snapshot_instr、flutter_assets下所有文件

位于Flutter工程build/app/intermediates/flutter/release/下

Flutter Plugin编译文件(暂时没用到，待补充)

集成步骤

在原生项目中新建一个module例如fluttermodule

将flutter.jar放入libs文件夹

将isolate_snapshot_data、isolate_snapshot_instr、vm_snapshot_data、vm_snapshot_instr和flutter_assets下所有文件放入assets/flutter_assets/下

为了方便可以在flutter项目中用gradle脚本实现，例如

task copyAndroidFlutterModule << {

println "project.rootDir = ${project.rootDir}/"

println "buildDir = ${this.buildDir}/"

def flutterOutputDir = "${this.buildDir}/flutter_android_output/flutter_module/"

def flutterPluginFile = new File(flutterOutputDir)

if (!flutterPluginFile.exists()) {

flutterPluginFile.mkdirs()

} else {

flutterPluginFile.deleteDir()

}

def flutterReleaseBuildDir = "${this.buildDir}/app/intermediates/flutter/release/"

println "flutterReleaseBuildDir=$flutterReleaseBuildDir"

//复制snapshot_data和snapshot_instr

project.copy {

from flutterReleaseBuildDir

include "*snapshot_data"

include "*snapshot_instr"

into flutterOutputDir

}

//复制flutter_assets

project.copy {

from "${flutterReleaseBuildDir}flutter_assets/"

into flutterOutputDir

}

}

将application指定为FlutterApplication或者自定义类集成FlutterApplication

android:allowBackup="true"

android:icon="@mipmap/ic_launcher"

android:label="@string/app_name"

android:name="io.flutter.app.FlutterApplication"

android:roundIcon="@mipmap/ic_launcher_round"

android:supportsRtl="true"

android:theme="@style/AppTheme">

新建Activity继承FlutterActivity

package com.gmail.jackxuechen.fluttermodel;

import android.os.Bundle;

import io.flutter.app.FlutterActivity;

public class FlutterRootActivity extends FlutterActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

GeneratedPluginRegistrant.registerWith(this);

}

}

集成成功

Android动态更新

原理：替换/data/data/包名/app_flutter/flutter_assets/

下的isolate_snapshot_data、isolate_snapshot_instr、vm_snapshot_data、vm_snapshot_instr即可实现flutter项目的更新

为了方便可以写个gradle脚本将flutter工程编译的isolate_snapshot_data、isolate_snapshot_instr、vm_snapshot_data、vm_snapshot_instr文件放到一个单独文件夹

task copyAndroidFlutterAssets << {

println "project.rootDir = ${project.rootDir}/"

println "buildDir = ${this.buildDir}/"

def flutterOutputDir = "${this.buildDir}/flutter_android_output/flutter_assets/"

def flutterPluginFile = new File(flutterOutputDir)

if (!flutterPluginFile.exists()) {

flutterPluginFile.mkdirs()

} else {

flutterPluginFile.deleteDir()

}

def flutterReleaseBuildDir = "${this.buildDir}/app/intermediates/flutter/release/"

println "flutterReleaseBuildDir=$flutterReleaseBuildDir"

//复制snapshot_data和snapshot_instr

project.copy {

from flutterReleaseBuildDir

include "*snapshot_data"

include "*snapshot_instr"

into flutterOutputDir

}

}

注意事项

vm_snapshot_data、vm_snapshot_instr和flutter sdk版本有关，生成更新文件时应保持和集成到原生项目中的flutter sdk版本一致

因为isolate_snapshot_data、isolate_snapshot_instr、vm_snapshot_data、vm_snapshot_instr可能是在FlutterApplication中处理(需要看源码目前还没研究到)的。如果直接替换相关文件而没有冷启动，可能会导致崩溃，不过可以通过升级逻辑实现冷启更新，类型腾讯tinker。

如果flutter项目中添加新的依赖原生的插件，则无法通过替换flutter编译后的文件升级，强制升级会崩溃