Flutter混编上最大的一个问题,就是Engine的使用,从内存和性能,以及混合栈等多个层面上的综合考虑,业界给出了很多不同的Engine管理方案,就官方而言,在add2app文档中,就列出了几种不同的Engine管理方式,例如直接创建Engine、使用FlutterEngineCache等方式,官方文档如下所示。

    https://docs.flutter.dev/development/add-to-app/android/add-flutter-screen#step-3-optional-use-a-cached-flutterengine

    这些方案在文档上比较详细了,就不赘述了,这里重点讲解一种轻量级的Engine管理方式——Multiple Flutter Instance。

    这是官方的一个比较新的Engine管理方案,它会创建多个彼此隔离的Flutter Engine,数据之间互不想通,以此缺陷来换取每个Engine的内存性能提升。

    它有点像IT中的Thin Client的概念,每个Thin Client本身与其它多个Thin Client彼此隔离,但是却可以获取中央主机中的信息和数据,可以说,Multiple Flutter的方案,应该是Flutter团队在Add2App众多方案中的一个折中方案。在某些场景下来说,可行性比其它方案更好。

    下面来看下Multiple Flutter的接入流程,首先,在Application中,创建FlutterEngineGroup并初始化。

    1. class App : Application() {
    2. lateinit var engines: FlutterEngineGroup
    3. override fun onCreate() {
    4. super.onCreate()
    5. engines = FlutterEngineGroup(this)
    6. }
    7. }

    接下来,新建一个Activity,继承自FlutterActivity,并在Manifest文件中申明,这些都是常规操作了。

    1. <activity
    2. android:name=".flutter.SingleFlutterActivity"
    3. android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
    4. android:hardwareAccelerated="true"
    5. android:theme="@style/Theme.MultipleFlutters"
    6. android:windowSoftInputMode="adjustResize"
    7. />

    最后,在FlutterActivity中,引用Engine。

    1. class SingleFlutterActivity : FlutterActivity() {
    2. val engine: FlutterEngine by lazy {
    3. val app = activity.applicationContext as XXApplication
    4. val dartEntrypoint =
    5. DartExecutor.DartEntrypoint(
    6. FlutterInjector.instance().flutterLoader().findAppBundlePath(), "main"
    7. )
    8. app.engines.createAndRunEngine(activity, dartEntrypoint)
    9. }
    10. override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
    11. super.configureFlutterEngine(flutterEngine)
    12. SchemaBookApi.NativeBookApi.setup(flutterEngine.dartExecutor, NativeBookApiImp(this, lifecycleScope))
    13. }
    14. override fun provideFlutterEngine(context: Context): FlutterEngine? {
    15. return engine
    16. }
    17. override fun onDestroy() {
    18. super.onDestroy()
    19. engine.destroy()
    20. }
    21. }

    代码还是比较简单的,核心就是Engine的获取,通过FlutterEngineGroup提供的createAndRunEngine方法,就可以从FlutterEngineGroup中获取到一个「Thin Client」了。

    这里还解决了使用Multiple Flutter的一个比较重要的问题,那就是初始路由的问题,通过dartEntrypoint,我们可以自定义初始路由的跳转,从而在多个不同的逻辑上,选择实际的跳转逻辑。

    在Flutter只,我们需要给不同的dartEntrypoint增加入口函数。

    1. void main() => runApp(const MyApp(color: Colors.blue));
    2. @pragma('vm:entry-point')
    3. void topMain() => runApp(const MyApp(color: Colors.green));
    4. @pragma('vm:entry-point')
    5. void bottomMain() => runApp(const MyApp(color: Colors.purple));

    这样就实现了多路由逻辑的跳转,对应的函数名,就是dartEntrypoint的name。

    再配合上一期的「Pigeon高速路」,混编中对Engine的管理和数据通信的基本架构就建立好了。

    向大家推荐下我的网站 https://xuyisheng.top/ 专注 Android-Kotlin-Flutter 欢迎大家访问

    Flutter混编工程之Engine复用 - 图1