【Flutter原理】Flutter App启动流程分析

onAttach

void onAttach(@NonNull Context context) {

ensureAlive();

// 是否已经初始化过引擎

if (flutterEngine == null) {

//下面重点分析引擎初始化

setupFlutterEngine();

}

if (host.shouldAttachEngineToActivity()) {

//engine 与 activity绑定

Log.v(TAG, “Attaching FlutterEngine to the Activity that owns this delegate.”);

flutterEngine.getActivityControlSurface().attachToActivity(this, host.getLifecycle());

}

//初始化平台插件，本质上，是将engine的 channel回调与平台的系统服务进行绑定，如：震动、复制粘贴、声音播放等…

platformPlugin = host.providePlatformPlugin(host.getActivity(), flutterEngine);

//注册插件,通过反射调用 “io.flutter.plugins.GeneratedPluginRegistrant.registerWith()”

host.configureFlutterEngine(flutterEngine);

}

setupFlutterEngine()

@VisibleForTesting

void setupFlutterEngine() {

// 返回FlutterEngine，如果为空会自动创建一个Engine

flutterEngine = host.provideFlutterEngine(host.getContext());

if (flutterEngine != null) {

isFlutterEngineFromHost = true;

return;

}

// 如果上面步骤都没后获取到flutterEngine的话，就创建一个FlutterEngine

flutterEngine =

new FlutterEngine(

host.getContext(),

host.getFlutterShellArgs().toArray(),

/automaticallyRegisterPlugins=/ false,

/willProvideRestorationData=/ host.shouldRestoreAndSaveState());

isFlutterEngineFromHost = false;

}

我们先来看一下FlutterEngine的理解：

1. 是一个独立的Flutter执行环境

2. FlutterEngine 是一个容器，通过它可以在 Android 应用程序中运行 Dart 代码。

3. FlutterEngine 中的 Dart 代码可以在后台执行，也可以使用附带的 FlutterRenderer 和 Dart 代码将 Dart 端 UI 效果渲染到屏幕上，渲染可以开始和停止，从而允许 FlutterEngine 从 UI 交互转移到仅进行数据处理，然后又返回到 UI 交互的能力。

4. 可能同时存在多个FlutterEngine执行Dart代码，并且在单个Android应用程序中绘制UI。为了更好的内存性能特性，通过FlutterEngineGroup构造多个FlutterEngine，而不是直接通过FlutterEngine的构造函数。

5. 使用 FlutterEngine 执行 Dart 或 Flutter 代码需要先通过 FlutterEngine 获取 DartExecutor 引用，然后调用 DartExecutor 的executeDartEntrypoint(DartExecutor.DartEntrypoint)执行 Dart 代码即可，同一个 FlutterEngine 实例中获取的 DartExecutor 的executeDartEntrypoint(DartExecutor.DartEntrypoint)方法只能被调用一次。

6. 要开始将 Flutter 内容渲染到屏幕上，请使用 getRenderer() 获取 FlutterRenderer，然后附加一个 RenderSurface。 考虑使用 FlutterView 作为 RenderSurface。

7. App 每个进程中创建第一个 FlutterEngine 实例的时候会加载 Flutter 引擎的原生库并启动 Dart VM（VM 存活生命周期跟随进程），随后同进程中其他的 FlutterEngines 将在同一个 VM 实例上运行，但在运行 DartExecutor 时将拥有自己的 Dart Isolate。每个 Isolate 都是一个独立的 Dart 环境，除非通过 Isolate 端口，否则无法相互通信。

8. App 每个进程中创建第一个 FlutterEngine 实例的时候会加载 Flutter 引擎的原生库并启动 Dart VM（VM 存活生命周期跟随进程），随后同进程中其他的 FlutterEngine 将在同一个 VM 实例上运行，但在运行 DartExecutor 时将拥有自己的 Dart Isolate。每个 Isolate 都是一个独立的 Dart 环境，除非通过 Isolate 端口，否则无法相互通信。

最终整理对于一个多FlutterEngine的App来说，FlutterEngine，DartExecutor，Dart VM， Isloate关系如下：

接下来我们继续看FlutterEngine

public class FlutterEngine {

//Flutter C/C++与平台java层接口定义交互。Flutter 的引擎是用 C/C++ 构建的。 Android Flutter 嵌入负责协调 Android 操作系统事件和应用程序用户与 C/C++ 引擎的交互。

@NonNull private final FlutterJNI flutterJNI;

//表示 FlutterEngine 的渲染职责。

//FlutterRenderer 与提供的 RenderSurface 协同工作，将 Flutter 像素绘制到 Android 视图层次结构。

//FlutterRenderer 管理用于渲染的纹理，并通过 JNI 将一些 Java 调用转发到原生 Flutter 代码。 相应的 RenderSurface 提供此渲染器绘制的 Android Surface。

//io.flutter.embedding.android.FlutterSurfaceView 和 io.flutter.embedding.android.FlutterTextureView 是 RenderSurface 的实现

@NonNull private final FlutterRenderer renderer;

//Dart执行器。

@NonNull private final DartExecutor dartExecutor;

//用来管理安卓组件和Flutter plugins插件。

@NonNull private final FlutterEngineConnectionRegistry pluginRegistry;

//localization的安卓端实现插件。

@NonNull private final LocalizationPlugin localizationPlugin;

//一堆系统通道。负责与系统底层通信

@NonNull private final AccessibilityChannel accessibilityChannel;

@NonNull private final DeferredComponentChannel deferredComponentChannel;

@NonNull private final KeyEventChannel keyEventChannel;

@NonNull private final LifecycleChannel lifecycleChannel;

@NonNull private final LocalizationChannel localizationChannel;

@NonNull private final MouseCursorChannel mouseCursorChannel;

@NonNull private final NavigationChannel navigationChannel;

@NonNull private final RestorationChannel restorationChannel;

@NonNull private final PlatformChannel platformChannel;

@NonNull private final SettingsChannel settingsChannel;

@NonNull private final SystemChannel systemChannel;

@NonNull private final TextInputChannel textInputChannel;

// Platform Views.

// 管理平台视图。每个 io.flutter.app.FlutterPluginRegistry 都有一个平台视图控制器。 一个平台视图控制器最多可以附加到一个 Flutter 视图

@NonNull private final PlatformViewsController platformViewsController;

// Engine Lifecycle.

// 引擎声明周期监听

@NonNull private final Set engineLifecycleListeners = new HashSet<>();

//…

//全参数的构造函数，各种构造最终都走进这里

public FlutterEngine(

@NonNull Context context,

@Nullable FlutterLoader flutterLoader,

@NonNull FlutterJNI flutterJNI,

@NonNull PlatformViewsController platformViewsController,

@Nullable String[] dartVmArgs,

boolean automaticallyRegisterPlugins,

boolean waitForRestorationData) {

//…

//创建一个DartExecutor并将flutterJNI和安卓平台的assetManager实例传递进去。

this.dartExecutor = new DartExecutor(flutterJNI, assetManager);

this.dartExecutor.onAttachedToJNI();

//…

//各种channel实例化

accessibilityChannel = new AccessibilityChannel(dartExecutor, flutterJNI);

deferredComponentChannel = new DeferredComponentChannel(dartExecutor);

keyEventChannel = new KeyEventChannel(dartExecutor);

lifecycleChannel = new LifecycleChannel(dartExecutor);

localizationChannel = new LocalizationChannel(dartExecutor);

mouseCursorChannel = new MouseCursorChannel(dartExecutor);

navigationChannel = new NavigationChannel(dartExecutor);

platformChannel = new PlatformChannel(dartExecutor);

restorationChannel = new RestorationChannel(dartExecutor, waitForRestorationData);

settingsChannel = new SettingsChannel(dartExecutor);

systemChannel = new SystemChannel(dartExecutor);

textInputChannel = new TextInputChannel(dartExecutor);

//…

//插件实例化。

this.localizationPlugin = new LocalizationPlugin(context, localizationChannel);

this.flutterJNI = flutterJNI;

if (flutterLoader == null) {

flutterLoader = FlutterInjector.instance().flutterLoader();

}

//…

// 引擎与四大组件的桥梁

this.pluginRegistry =

new FlutterEngineConnectionRegistry(context.getApplicationContext(), this, flutterLoader);

//默认就是自动注册plugins的，可以通过清单文件配置变更等。

if (automaticallyRegisterPlugins && flutterLoader.automaticallyRegisterPlugins()) {

registerPlugins();

}

}

//…

//注册flutter项目根目录下pubspec.yaml中依赖的所有flutter plugins。

//Flutter tool会生成一个GeneratedPluginRegistrant的类。

private void registerPlugins() {

try {

Class<?> generatedPluginRegistrant = Class.forName(“io.flutter.plugins.GeneratedPluginRegistrant”);

Method registrationMethod = generatedPluginRegistrant.getDeclaredMethod(“registerWith”, FlutterEngine.class);

registrationMethod.invoke(null, this);

} catch (Exception e) {

Log.w(TAG, “Tried to automatically register plugins with FlutterEngine (”

• this + “) but could not find and invoke the GeneratedPluginRegistrant.”);

}

}

//…省略一堆属性成员的get方法

}

总结下Flutter主要作用：

1. FlutterEngineConnectionRegistry：创建组件与四大引擎生命周期的桥梁，方便插件根据各个组件的生命周期处理

2. registerPlugins：通过反射注册自定义插件

3. 各种Channel的初始化，建立引擎与平台系统之间的桥梁

4. DartExecutor：Dart执行环境创建，onAttachedToJNI之后，DartExecutor将开始处理与Dart上下文之间的双向通行，BinaryMessenger（向Dart发送消息），PlatformMessageHandler，它接受来自Dart的消息

5. FlutterRenderer：渲染环境的创建

到此FlutterEngine基本创建完成，内部细节不做详解。下面再来分析下createFlutterView

createFlutterView

createFlutterView走到了FlutterActivityAndFragmentDelegate的onCreateView方法

@NonNull

View onCreateView(

LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

Log.v(TAG, “Creating FlutterView.”);

ensureAlive();

if (host.getRenderMode() == RenderMode.surface) {

FlutterSurfaceView flutterSurfaceView =

new FlutterSurfaceView(

host.getActivity(), host.getTransparencyMode() == TransparencyMode.transparent);

// 允许自定义flutterSurfaceView

host.onFlutterSurfaceViewCreated(flutterSurfaceView);

// 创建拥有 FlutterSurfaceView 的 FlutterView。

flutterView = new FlutterView(host.getActivity(), flutterSurfaceView);

} else {

最后

今天关于面试的分享就到这里，还是那句话，有些东西你不仅要懂，而且要能够很好地表达出来，能够让面试官认可你的理解，例如Handler机制，这个是面试必问之题。有些晦涩的点，或许它只活在面试当中，实际工作当中你压根不会用到它，但是你要知道它是什么东西。

最后在这里小编分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司20年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。

还有 高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料 帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。

【Android核心高级技术PDF文档，BAT大厂面试真题解析】

【算法合集】

【延伸Android必备知识点】

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！
幅有限，这里以图片的形式给大家展示一部分。

还有 高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料 帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。

【Android核心高级技术PDF文档，BAT大厂面试真题解析】

[外链图片转存中…(img-DsBxwe2b-1715158561047)]

【算法合集】

[外链图片转存中…(img-ZDk8YpYP-1715158561048)]

【延伸Android必备知识点】

[外链图片转存中…(img-LEIozvnt-1715158561049)]
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！