Flutter 混合开发黑屏问题解决办法

本文介绍了解决Flutter嵌入Android应用时出现黑屏问题的方法。通过设置透明主题及在Activity中延迟显示FlutterView,有效避免了启动时的不美观现象。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近在将Android项目中嵌入Flutter工程的时候,遇到了一个头疼的问题,就是从原生项目中直接调用Activity的时候,会发生黑屏的情况(并不是所有机器,我在模拟器上加个透明主题就很容易解决,但是在真机上不行)。

参考教程:https://github.com/flutter/flutter/wiki/Add-Flutter-to-existing-apps

即使按照教程设置windowbackground也没有用

参考教程:https://flutter.io/assets-and-images/#updating-the-launch-screen

最终经过尝试:

可以综合其他人的方法,在增加一点改进就可以解决该问题。

1.主题设置为透明主题,与当前Activity有个window背景,


    <style name="FlutterTheme" parent="@android:style/Theme.Translucent.NoTitleBar">
        <!-- Show a splash screen on the activity. Automatically removed when
             Flutter draws its first frame -->
        <item name="android:windowBackground">@drawable/launch_background</item>
    </style>

2.代码中不能简单的初始化,而是需要先隐藏,在第一贞绘制之后,再显示出来。

         final FlutterView flutterView = Flutter.createView(
                 FlutterItemActivity.this,
                 getLifecycle(),
                 "route1"
         );

         setContentView(R.layout.flutter_item);
         final LinearLayout layout = findViewById(R.id.flutter_fragment);
         layout.addView(flutterView);

         final FlutterView.FirstFrameListener[] listeners = new FlutterView.FirstFrameListener[1];
         listeners[0] = new FlutterView.FirstFrameListener() {
             @Override
             public void onFirstFrame() {
                 layout.setVisibility(View.VISIBLE);
             }
         };
         flutterView.addFirstFrameListener(listeners[0]);

这样就会有一个过渡的页面,虽然不能达到很快的效果,但是最起码不会很丑了。

 

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值