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

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

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

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值