fix(screen-adapter): debounce resize handler to prevent black flicker on web

pal/screen-adapter/web/screen-adapter.ts

@@ -187,6 +187,7 @@
     private _onFullscreenError?: () => void;
     // We need to set timeout to handle screen event.
     private _orientationChangeTimeoutId = -1;
+    private _resizeTimeoutId = -1;
     private _cachedFrameSize = new Size(0, 0); // cache before enter fullscreen.
     private _exactFitScreen = false;
     private _isHeadlessMode = false;
@@ -383,10 +384,16 @@
         });
 
         window.addEventListener('resize', (): void => {
-            // if (!this.handleResizeEvent) {
-            //     return;
-            // }
-            this._updateFrame();
+            if (!this.handleResizeEvent) {
+                return;
+            }
+            if (this._resizeTimeoutId !== -1) {
+                clearTimeout(this._resizeTimeoutId);
+            }
+            this._resizeTimeoutId = setTimeout((): void => {
+                this._updateFrame();
+                this._resizeTimeoutId = -1;
+            }, EVENT_TIMEOUT);
         });
 
         const notifyOrientationChange = (orientation): void => {
@@ -439,11 +446,17 @@
                 const mediaQueryResolution = window.matchMedia(`(resolution: ${dpr}dppx)`);
                 if (mediaQueryResolution.addEventListener) {
                     mediaQueryResolution.addEventListener('change', (): void => {
+                        if (!this.handleResizeEvent) {
+                            return;
+                        }
                         this.emit('window-resize', this.windowSize.width, this.windowSize.height);
                         updateDPRChangeListener();
                     }, { once: true });
                 } else if (mediaQueryResolution.addListener) {
                     mediaQueryResolution.addListener((): void => {
+                        if (!this.handleResizeEvent) {
+                            return;
+                        }
                         this.emit('window-resize', this.windowSize.width, this.windowSize.height);
                     });
                 }
@@ -530,7 +543,7 @@
         } else {
             const winWidth = window.innerWidth;
             let winHeight = window.innerHeight;
             //On certain android devices, window.innerHeight may not account for the height of the virtual keyboard, so dynamic calculation is necessary.
             const inputHeight = document.body.scrollHeight - winHeight;
             if (systemInfo.os === OS.ANDROID && winHeight < inputHeight) {
                 winHeight += inputHeight;