[ohos]解决透明弹窗返回时底下flutter页面闪烁的问题

Author: 蔡嘉健

CHANGELOG.md

@@ -5,6 +5,7 @@
 4. [ohos]适配最新的PlatformView方案
 5. [ohos]解决横竖屏不生效的问题
 6. [ohos]解决因权限问题从系统剪贴板获取数据失败的问题
+7. [ohos]解决透明弹窗返回时底下flutter页面闪烁的问题
 
 # 4.5.10
 1. [dart]添加HDR/HEIC/HEIF/TIFF/WBMP/WEBP等图片格式的测试案例

ohos/src/main/ets/components/containers/FlutterBoostEntry.ets

@@ -217,15 +217,15 @@ export default class FlutterBoostEntry extends FlutterEntry implements FlutterVi
   private onContainerDestroy(): void {
     if (this.isTraceEnabled()) Log.d(TAG, "#onContainerDestroy: " + this.getUrl());
     this.detachFromEngineIfNeeded();
-    FlutterBoost.getInstance().getPlugin()?.onContainerDestroyed(this);
-
-    // NavDestinationMode.DIALOG：
-    // 默认透明，进出页面栈不影响下层NavDestination的生命周期，不支持系统转场动画。
-    if (this.isDialogMode) {
-      // try to attach previous container from the engine.
-      const top = FlutterContainerManager.getInstance().getTopContainer();
-      if (top && top != this) top.attachToEngineIfNeeded();
-    }
+    FlutterBoost.getInstance().getPlugin()?.onContainerDestroyed(this, () => {
+      // NavDestinationMode.DIALOG：
+      // 默认透明，进出页面栈不影响下层NavDestination的生命周期，不支持系统转场动画。
+      if (this.isDialogMode) {
+        // try to attach previous container from the engine.
+        const top = FlutterContainerManager.getInstance().getTopContainer();
+        if (top && top != this) top.attachToEngineIfNeeded();
+      }
+    });
   }
 
   // super method override ===> start

ohos/src/main/ets/components/plugin/FlutterBoostPlugin.ets

@@ -316,12 +316,16 @@ export class FlutterBoostPlugin implements FlutterPlugin, MethodCallHandler, Nat
   }
 
   // 销毁 [4/4]
-  public onContainerDestroyed(container: FlutterViewContainer) {
+  public onContainerDestroyed(container: FlutterViewContainer, callback?: () => void) {
     let uniqueId = container.getUniqueId()
     if (this.isTraceEnabled()) Log.i(TAG, "## onContainerDestroyed: " + uniqueId);
     let args = container.getUrlParams()
     // 1.发送移除消息到dart侧
-    this._sendRemoveRoute(uniqueId, args);
+    this._sendRemoveRoute(uniqueId, args, () => {
+      if (callback) {
+        callback()
+      }
+    });
     // 2.移除FlutterContainerManager中的container
     FlutterContainerManager.getInstance().removeContainer(uniqueId);
   }
@@ -414,7 +418,7 @@ export class FlutterBoostPlugin implements FlutterPlugin, MethodCallHandler, Nat
     }
   }
 
-  private _sendRemoveRoute(uniqueId: string, args: Record<string, Object>) {
+  private _sendRemoveRoute(uniqueId: string, args: Record<string, Object>, callback: () => void) {
     if (this.isTraceEnabled()) Log.i(TAG, "## _sendRemoveRoute: " + uniqueId);
     // 向flutter侧发送_sendRemoveRoute消息
     if (this.channel) {
@@ -423,6 +427,9 @@ export class FlutterBoostPlugin implements FlutterPlugin, MethodCallHandler, Nat
       params.uniqueId = uniqueId
       params.arguments = args
       this.channel.removeRoute(params, () => {
+        if (callback) {
+          callback()
+        }
       });
     } else {
       throw new Error("FlutterBoostPlugin might *NOT* have attached to engine yet! When call _removeRoute");