已经开始以后，他们须要介绍呵呵 flutter 的三种工程项目内部结构

application：纯 flutter 应用领域plugin：如前所述原生植物的 flutter 应用领域程序package：纯 dart 应用领域程序module：原生植物上软件系统 flutter 组件

一、将 flutter 软件系统到 Android 工程项目

在原生植物应用领域的产品目录下运转指示：

flutter create -t module –org com.example flutter_lib

会在产品目录上面聚合如下表所示文档：

他们须要将聚合 flutter module 软件系统进他们的 native 应用领域，软件系统方式有三种：

aar 倚赖源代码倚赖

1、flutter module 软件系统

1、aar 倚赖

在 flutter_lib 产品目录下，他们运转指示：

flutter build aar

很周到的是，flutter 会在指示行中说他们怎样在原生植物应用领域中去软件系统 aar

优点：

倚赖一个包含 Flutter 产物的 aar 包，这个的好处就是其他不合作开发 flutter 的同学可以不用配置 flutter 环境，它和其他组件包无异

2、源代码倚赖

打开原生植物工程项目的 setting.gradle 文档：

include :app rootProject.name = “NativeToFlutter” // 加入如下表所示代码 setBinding(newBinding([gradle: this])) evaluate(new File( flutter_lib/.android/include_flutter.groovy )) include :flutter_lib

在 app 工程项目的 build.gradle 倚赖 flutter module 组件

dependencies { implementation project(:flutter) }

缺点：

须要 flutter 环境，并且各个合作开发人员环境不一致，导致软件系统因为版本不一致报各种错误

2、原生植物接入 flutter 页面

flutter 倚赖提供了 FlutterActivity 来直接加载 flutter 页面，他们只须要在清单文档中配置该 Activity ：

在须要打开 flutter 页面的地方 startActivity 即可：

valintent = FlutterActivity .withNewEngine()// 背景颜色，透明 or 不透明 .backgroundMode(FlutterActivityLaunchConfigs.BackgroundMode.transparent) // 指定跳转的路由 home 页面 .initialRoute(“home”) .build(this) startActivity(intent)

3、原生植物指定跳转 Flutter 页面

Flutter 提供 initialRoute 来供原生植物层跳到 flutter 对应的指定路由页面，官方解释，该路由是有限制的：

当使用已预热的 FlutterEngine 构建 FlutterFragment 时，指定的 Dart 入口是无效的。因为已预热的 FlutterEngine 已经执行了一个入口函数。只有 FlutterEngine 在预热之时是可以明确选择入口的。

所以，他们必须使用 withNewEngine 创建新的引擎来打开一个页面：

val intent = FlutterActivity .withNewEngine() // 指定跳转到 home 路由页面.initialRoute(“home”) .build(this) startActivity(intent)

由于初始化 engine 须要很长的时间，再加上打开指定路由，打开效果十分不理想

4、入口点 EntryPoint

他们在打开 flutter 页面时，默认是从 flutter 的 main 函数已经开始执行，如果他们有多个独立 flutter 组件供原生植物层去打开，这就会导致他们的独立组件都必须集中到 main 函数中，然后通过路由的方式来决定打开的组件页面，但路由的方式上面他们已经证明了性能是有多么的糟糕，如果先初始化 flutter engine，就会导致路由效果失效。

很幸运的是，flutter 提供了入口点这个功能，他们可以指定入口点是他们想要跳转的 flutter 页面，并且该功能提前初始化引擎并不影响页面的打开，使用方式很简单，如下表所示：

void main() => runApp(MyApp(Colors.blue));@pragma(vm:entry-point) void home() => runApp(HomePage(Colors.green));

对比 main 方式只多了个 pragma 注解，方式名 home 即为 entryPoint。

在 native 层他们就可以写成：

// 在 application 中初始化 home 页面的 flutter engine valdartEntryPoint = DartExecutor.DartEntrypoint( FlutterInjector.instance().flutterLoader().findAppBundlePath(),“home” ) val engineId = “home_engine_id” valengine = enginesGroup.createAndRunEngine(app, engineId)// 创建引擎 FlutterEngineCache.getInstance().put(engineId, engine) // 根据引擎 id 缓存 engine // 在原生植物页面嵌入的 flutter 页面绑定 entrypoint class MainFlutterActivity : AppCompatActivity(){ override fun onCreate(savedInstanceState:Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_my_flutter) valflutterFragment = FlutterFragment// 指定缓存的 engineId .withCachedEngine(“home_engine_id”) .build<FlutterFragment>() supportFragmentManager.beginTransaction() .add(R.id.flutter_container, flutterFragment) .commit() } }

这时候，原生植物层直接打开 MainFlutterActivity 即可，效果如下表所示：

5、flutter 热重载

在原生植物接入 flutter 组件时，他们期望原生植物工程项目的运转能够像 flutter 应用领域合作开发那样，实时的去调试 flutter 代码。flutter 为他们提供了 flutter attach 指示来调试 flutter 页面，他们只须要运转该指示，然后使工程项目进入到 flutter 页面即可调试：

他们可以更改 flutter 代码，然后输入指定的 commands 即可，例如输入 r，就会 hot reload 热重载当前页面

6、总结

他们可以画一个倚赖图来总结呵呵：

目前 demo 的 flutter 代码是直接在 flutter module 中进行编码，这种很不适合团队协作合作开发，不要忘了，flutter 提供了三种工程项目内部结构方式，他们可以利用 plugin 和 package 组件进行组件化合作开发，然后再将组件倚赖放入到 flutter module 来软件系统，这样的话，就可以不干扰其他成员编码