Flutter（四）解决FlutterView显示黑屏卡顿问题

最新推荐文章于 2023-03-28 12:16:59 发布

艾阳Blog

最新推荐文章于 2023-03-28 12:16:59 发布

阅读量2.1k

点赞数 1

CC 4.0 BY-SA版权

文章标签： flutter Activity 卡顿问题黑屏

本文链接：https://blog.youkuaiyun.com/csdn_aiyang/article/details/106898429

Flutter 实战经验专栏收录该内容

12 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了在Android中使用FlutterView、FlutterFragment和FlutterActivity时遇到的黑屏卡顿问题，并提供了详细的解决方案。针对FlutterView，尝试了设置Activity主题、背景色和监听UI绘制，最终通过监听UI绘制成功解决。FlutterFragment和FlutterActivity默认情况下不出现黑屏卡顿。

前言

Flutter页面作为一个view添加到原生Activity中进行绘制，默认会出现黑色背景色，就会出现类似卡顿黑屏的现象，用户体验非常不好。针对这种现象，总结了如下几种解决方案。

一、FlutterView

1. 设置Activity主题

我们知道，解决应用的启动黑屏卡顿时，我们都是通过在主题中设置window的背景，来替代窗口默认的黑色背景来解决。那么能不能解决Flutter的界面黑屏呢？


  <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorPr

了解本专栏