Android加载FlutterView黑屏问题

多听、多看、少说。

                                                                                                                                                                     ---- 泰语心说

 

当用我们用Android和Flutter愉快的进行混合开发时，按照以下方法，可以将FlutterView加载到Android中：

private FrameLayout flutterContainer;
private FlutterView flutterView;


...

flutterContainer = findViewById(R.id.flutter_about_container);

...

flutterView = Flutter.createView(this, getLifecycle(), "About");

FrameLayout.LayoutParams layout = new FrameLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);

flutterContainer.addView(flutterView, layout);

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white"
    android:orientation="vertical"
    tools:context=".basemodule.activity.FlutterAboutActivity">

    <include
        android:id="@+id/header"
        layout="@layout/header"
        android:visibility="visible" />

    <FrameLayout
        android:visibility="invisible"
        android:id="@+id/flutter_about_container"
        android:background="@color/white"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </FrameLayout>
</LinearLayout>

但是会出现黑屏问题，而且黑屏的效果和手机有关，手机不一样，黑屏时间也不一样。

小编在网上找了很多方法，都无效，最后发现了一个方法，可以缓解这个痛点，但是不能彻底解决。

具体方法如下：

        flutterView = Flutter.createView(this, getLifecycle(), "About");
        FrameLayout.LayoutParams layout = new FrameLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
        final FlutterView.FirstFrameListener[] listeners = new FlutterView.FirstFrameListener[1];
        listeners[0] = new FlutterView.FirstFrameListener() {
            @Override
            public void onFirstFrame() {
                flutterContainer.setVisibility(View.VISIBLE);
            }
        };
        flutterView.addFirstFrameListener(listeners[0]);
        flutterContainer.addView(flutterView, layout);

原理就是，先让界面隐藏，等第一帧绘制完成后，再让他显示出来。