Flutter 启动页(闪屏页)具体实现和原理分析(1)

本文链接：https://blog.csdn.net/2301_78146994/article/details/137218656

android:value=“true” />

meta-data的name = "io.flutter.app.android.SplashScreenUntilFirstFrame"的value一定要设置成true，一定要设置成true，一定要设置成true重要的事情说三遍，如果这个属性设置成false，效果是这样的。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

从现象观察，启动页中间有一段时间黑屏，这个为什么呢？前面我们说过，Flutter的启动流程分成两部分，一部分是Android启动阶段，一个是Flutter的启动阶段，这个黑屏就是Flutter的启动阶段没有启动页所造成的。我们从源码入手，详细分析一下，下面是FlutterActivityDelegate的部分源码。

public final class FlutterActivityDelegate
implements FlutterActivityEvents,
FlutterView.Provider,
PluginRegistry {
private static final String SPLASH_SCREEN_META_DATA_KEY = “io.flutter.app.android.SplashScreenUntilFirstFrame”;

private View launchView;

@Override
public void onCreate(Bundle savedInstanceState) {
String[] args = getArgsFromIntent(activity.getIntent());
FlutterMain.ensureInitializationComplete(activity.getApplicationContext(), args);
flutterView = viewFactory.createFlutterView(activity);
if (flutterView == null) {
FlutterNativeView nativeView = viewFactory.createFlutterNativeView();
flutterView = new FlutterView(activity, null, nativeView);
flutterView.setLayoutParams(matchParent);
activity.setContentView(flutterView);
launchView = createLaunchView();//1
if (launchView != null) {
addLaunchView();//2
}
}
}

private View createLaunchView() {
if (!showSplashScreenUntilFirstFrame()) {//3
return null;
}
final Drawable launchScreenDrawable = getLaunchScreenDrawableFromActivityTheme();
final View view = new View(activity);
view.setBackground(launchScreenDrawable);
return view;
}

private Drawable getLaunchScreenDrawableFromActivityTheme() {
//省略了部分代码
try {
return activity.getResources().getDrawable(typedValue.resourceId);
} catch (NotFoundException e) {
return null;
}
}

private Boolean showSplashScreenUntilFirstFrame() {
try {
ActivityInfo activityInfo = activity.getPackageManager().getActivityInfo(
activity.getComponentName(),
PackageManager.GET_META_DATA|PackageManager.GET_ACTIVITIES);
Bundle metadata = activityInfo.metaData;
return metadata != null && metadata.getBoolean(SPLASH_SCREEN_META_DATA_KEY);
} catch (NameNotFoundException e) {
return false;
}
}

private void addLaunchView() {
activity.addContentView(launchView, matchParent);//4
flutterView.addFirstFrameListener(new FlutterView.FirstFrameListener() {//5
@Override
public void onFirstFrame() {
FlutterActivityDelegate.this.launchView.animate()
.alpha(0f)
.setListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
((ViewGroup) FlutterActivityDelegate.this.launchView.getParent())
.removeView(FlutterActivityDelegate.this.launchView);//5
}
});
}
});
activity.setTheme(android.R.style.Theme_Black_NoTitleBar);
}
}

注释1

这个段代码很容易理解，创建一个LaunchView，主要逻辑在createLaunchView()中，原理也很简单，根据主题中的R.attr.windowBackground属性，生成一个Drawable，然后创建了一个View，并且把这个View的背景设置成Drawable。

注释3

showSplashScreenUntilFirstFrame()是得到Manifet中io.flutter.app.android.SplashScreenUntilFirstFrame的属性的值，如果是false，那么久返回一个空的的LaunchView，也就不会执行注释2的代码。这就是我们上面说的如果设置成false就显示黑屏的原因。

注释2

调用addLaunchView()，这方法也很简单，首先看注释4，把LaunchView添加到当前的Activity中，然后添加了一个监听，在注释5处，这个监听是当FlutterView第一帧加载完成后回调，回调做了什么事情呢？很简单，把LaunchView删除了，显示FlutterView的第一帧。

总结一下，就是把Android的启动页生成一个Drawable，创建了一个LaunchView，把Drawable设置成LaunchView的背景，当前的Activity添加这LaunchView，如果FlutterView的第一帧显示了，把LaunchView删除。

设置主题，下面是LaunchTheme的代码。

下面是launch_background的代码。

<?xml version="1.0" encoding="utf-8"?>

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip204888 （备注Android）

最后

针对Android程序员，我这边给大家整理了一些资料，包括不限于高级UI、性能优化、架构师课程、NDK、混合式开发（ReactNative+Weex）微信小程序、Flutter等全方面的Android进阶实践技术；希望能帮助到大家，也节省大家在网上搜索资料的时间来学习，也可以分享动态给身边好友一起学习！