查看原文
其他

Flutter混编工程之Engine复用

徐宜生 群英传 2022-12-21

点击上方蓝字关注我,知识会给你力量


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并初始化。

class App : Application() {
    lateinit var engines: FlutterEngineGroup

    override fun onCreate() {
        super.onCreate()
        engines = FlutterEngineGroup(this)
    }
}

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

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

最后,在FlutterActivity中,引用Engine。

class SingleFlutterActivity : FlutterActivity() {

    val engine: FlutterEngine by lazy {
        val app = activity.applicationContext as XXApplication
        val dartEntrypoint =
            DartExecutor.DartEntrypoint(
                FlutterInjector.instance().flutterLoader().findAppBundlePath(), "main"
            )
        app.engines.createAndRunEngine(activity, dartEntrypoint)
    }

    override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
        super.configureFlutterEngine(flutterEngine)
        SchemaBookApi.NativeBookApi.setup(flutterEngine.dartExecutor, NativeBookApiImp(this, lifecycleScope))
    }

    override fun provideFlutterEngine(context: Context): FlutterEngine? {
        return engine
    }

    override fun onDestroy() {
        super.onDestroy()
        engine.destroy()
    }
}

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

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

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

void main() => runApp(const MyApp(color: Colors.blue));

@pragma('vm:entry-point')
void topMain() => runApp(const MyApp(color: Colors.green));

@pragma('vm:entry-point')
void bottomMain() => runApp(const MyApp(color: Colors.purple));

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

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

向大家推荐下我的网站 https://xuyisheng.top/  点击原文一键直达

专注 Android-Kotlin-Flutter 欢迎大家访问



往期推荐


本文原创公众号:群英传,授权转载请联系微信(Tomcat_xu),授权后,请在原创发表24小时后转载。
< END >
作者:徐宜生

更文不易,点个“三连”支持一下👇


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存