Flutter学习笔记（30）--Android原生与Flutter混编

如需转载，请注明出处：Flutter学习笔记（30）--Android原生与Flutter混编

 这篇文章旨在学习如何在现有的Android原生项目上集成Flutter，实现Android与Flutter的混编，文章主体内容分为5部分，如下：

Android项目如何集成FlutterModule

Flutter视图是如何展示到前台界面的

Flutter与Weex对比

如何进行原生页面跳转到Flutter页面

原生如何与Flutter进行传值通信（以EventChannel为例说明）

接下来我会按照上面列出来的5点，逐一的进行实例讲解说明

1.Android项目如何集成FlutterModule

Android原生项目集成Flutter有两种方式，一种是在原生项目内集成FlutterModule，还有一种是将FLutter项目打包成arr文件，然后以组件的形式被原生项目依赖。这里我们就只说一下在原生项目内集成FlutterModule。

第一步：在主工程下创建FlutterModule，File->New->New Flutter Project，然后选择Flutter Module点击Next。

 

 

 设置完成之后点击Finish，创建完module后我们来看一下工程的目录结构

 

 

 第二步：在app下的build.gradle添加依赖

//在android下添加jdk1.8支持 compileOptions { sourceCompatibility 1.8 targetCompatibility 1.8 } //在dependencies下添加flutter依赖 implementation project(':flutter') implementation 'android.arch.lifecycle:runtime:1.1.0' implementation 'android.arch.lifecycle:extensions:1.1.0'