Flutter&amp；Android 启动页（闪屏页）的加载流程和优化方案(1)(1)

总结

最后小编想说：不论以后选择什么方向发展，目前重要的是把Android方面的技术学好，毕竟其实对于程序员来说，要学习的知识内容、技术有太多太多，要想不被环境淘汰就只有不断提升自己，从来都是我们去适应环境，而不是环境来适应我们！

这里附上我整理的几十套腾讯、字节跳动，京东，小米，头条、阿里、美团等公司19年的Android面试题。把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节。

由于篇幅有限，这里以图片的形式给大家展示一小部分。

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

技术进阶之路很漫长，一起共勉吧~

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

this.flutterView.removeOnFirstFrameRenderedListener(flutterUiDisplayListener);

removeView(this.flutterView);

}

// If we were displaying a previous splash screen View, remove it.

if (splashScreenView != null) {

removeView(splashScreenView);

}

// Display the new FlutterView.

this.flutterView = flutterView;

///添加flutterView

addView(flutterView);

this.splashScreen = splashScreen;

// Display the new splash screen, if needed.

if (splashScreen != null) {

if (isSplashScreenNeededNow()) {

Log.v(TAG, “Showing splash screen UI.”);

// This is the typical case. A FlutterEngine is attached to the FlutterView and we’re

// waiting for the first frame to render. Show a splash UI until that happens.

splashScreenView = splashScreen.createSplashView(getContext(), splashScreenState);

///添加 splashScreenView

addView(this.splashScreenView);

flutterView.addOnFirstFrameRenderedListener(flutterUiDisplayListener);

} else if (isSplashScreenTransitionNeededNow()) {

Log.v(

TAG,

“Showing an immediate splash transition to Flutter due to previously interrupted transition.”);

splashScreenView = splashScreen.createSplashView(getContext(), splashScreenState);

addView(splashScreenView);

transitionToFlutter();

} else if (!flutterView.isAttachedToFlutterEngine()) {

Log.v(

TAG,

“FlutterView is not yet attached to a FlutterEngine. Showing nothing until a FlutterEngine is attached.”);

flutterView.addFlutterEngineAttachmentListener(flutterEngineAttachmentListener);

}

}

}

这个方法对flutterView进行了保存（不用管这个），随后我们保存了一个 接口的实现类——splashScreen，这个实现类则是由FlutterActivity实现的(MainActivity)来提供的:

///host 是个接口，由FlutterActivity实现

回顾上面：flutterSplashView.displayFlutterViewWithSplash(flutterView, host.provideSplashScreen());

public SplashScreen provideSplashScreen() {

Drawable manifestSplashDrawable = getSplashScreenFromManifest();

if (manifestSplashDrawable != null) {

///DrawableSplashScreen 实现了 splashScreen的接口

return new DrawableSplashScreen(manifestSplashDrawable);

} else {

return null;

}

}

通过getSplashScreenFromManifest 初始化了一个drawable，我们看一下它内部：

@Nullable

@SuppressWarnings(“deprecation”)

private Drawable getSplashScreenFromManifest() {

try {

ActivityInfo activityInfo =

getPackageManager().getActivityInfo(getComponentName(), PackageManager.GET_META_DATA);

Bundle metadata = activityInfo.metaData;

///这里就是我们在 AndroidManifest.xml中设置启动页了

///SPLASH_SCREEN_META_DATA_KEY 的值 见下方

int splashScreenId = metadata != null ? metadata.getInt(SPLASH_SCREEN_META_DATA_KEY) : 0;

return splashScreenId != 0

? Build.VERSION.SDK_INT > Build.VERSION_CODES.LOLLIPOP

? getResources().getDrawable(splashScreenId, getTheme())

getResources().getDrawable(splashScreenId)

null;

} catch (PackageManager.NameNotFoundException e) {

// This is never expected to happen.

return null;

}

}

static final String SPLASH_SCREEN_META_DATA_KEY =

“io.flutter.embedding.android.SplashScreenDrawable”;

可以看到，通过上面的方法，我们以在AndroidManifest.xml设置的启动资源 初始化了一个drawable，进而初始化了DrawableSplashScreen 并返回。

我们回到displayFlutterViewWithSplash 继续向下看，

///通过我们之前的drawable 生成一个 view

splashScreenView = splashScreen.createSplashView(getContext(), splashScreenState);

///添加 splashScreenView

addView(this.splashScreenView);

到了这里，整个闪屏页的流程就跑完了。

回头看去，可以发现在闪屏页的显示到引擎的启动及flutter 页面的显示会有一个很长的过程，而直到flutter 页面的显示，这个闪屏页才会被移除掉。

那么如何优化呢？ 以下是我的方案。

启动页优化方案

=====================================================================

因为flutter与原生处于两个不同的surface，所以我们可以考虑利用原生的surface来显示这个启动页，同时为了避免拖慢flutter的启动，我们可以在子线程来做这个事情。ww

案例中我们显示一个svga动画

插件使用：‘com.github.yyued:SVGAPlayer-Android:2.5.12’

实现

---

直接开工，我们写个方法initSplashPage() :

public void initSplashPage(){

Executors.newSingleThreadExecutor()

.execute(new Runnable() {

@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)

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

深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

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

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）

文末

我总结了一些Android核心知识点，以及一些最新的大厂面试题、知识脑图和视频资料解析。

需要的小伙伴私信【学习】我免费分享给你，以后的路也希望我们能一起走下去。（谢谢大家一直以来的支持，需要的自己领取）

直接点击链接也可以领取哦！

Android学习PDF+架构视频+面试文档+源码笔记

部分资料一览：

最后的最后

对于程序员来说，要学习的知识内容、技术有太多太多，要想不被环境淘汰就只有不断提升自己，从来都是我们去适应环境，而不是环境来适应我们！

当你有了学习线路，学习哪些内容，也知道以后的路怎么走了，理论看多了总要实践的

最后，互联网不存在所谓的寒冬，只是你没有努力罢了！

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

当你有了学习线路，学习哪些内容，也知道以后的路怎么走了，理论看多了总要实践的

[外链图片转存中…(img-PPqGUvI6-1715264404461)]

最后，互联网不存在所谓的寒冬，只是你没有努力罢了！

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！