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

2023年6月1日 821次阅读 来源: 固执的毛毛虫

最近在将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]);

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

 

    原文作者：固执的毛毛虫
    原文地址: https://blog.csdn.net/u010479969/article/details/81673711
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞