fix(rn): popup关闭闪烁问题

Author: QiuShuiBai

packages/mpx-cube-ui/lib/components/popup/rn-mixin.js

@@ -101,22 +101,19 @@ if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android') {
                         animation[this.targetTranslate](start).step({ duration: 0 });
                     }
                     animation[this.targetTranslate](0).step();
-                    this.targetTranslateValue = 0;
                 }
                 else {
                     animation[this.targetTranslate](start).step();
-                    this.targetTranslateValue = start;
                 }
                 this.animationData = animation.export();
                 this.transitionendTimer = setTimeout(() => {
                     this.transitionend();
-                }, animationOptions.duration + 10);
+                }, animationOptions.duration);
             },
             transitionend() {
                 if (this.isVisible && this.targetTranslate) {
-                    this.contentTranslateStyle = {
-                        [this.targetTranslate]: this.targetTranslateValue
-                    };
+                    // 触发重新渲染
+                    this.contentTranslateStyle = {};
                 }
             },
             // @vuese

packages/mpx-cube-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mpxjs/mpx-cube-ui",
-  "version": "1.3.14-beta.2",
+  "version": "1.3.14-beta.3",
   "description": "mpx components library",
   "author": "xiaolei <[email protected]>",
   "publishConfig": {

packages/mpx-cube-ui/src/components/popup/rn-mixin.ts

@@ -108,21 +108,18 @@ if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android') {
             animation[this.targetTranslate](start).step({ duration: 0 })
           }
           animation[this.targetTranslate](0).step()
-          this.targetTranslateValue = 0
         } else {
           animation[this.targetTranslate](start).step()
-          this.targetTranslateValue = start
         }
         this.animationData = animation.export()
         this.transitionendTimer = setTimeout(() => {
           this.transitionend()
-        }, animationOptions.duration + 10)
+        }, animationOptions.duration)
       },
       transitionend() {
         if (this.isVisible && this.targetTranslate) {
-          this.contentTranslateStyle = {
-            [this.targetTranslate]: this.targetTranslateValue
-          }
+          // 触发重新渲染
+          this.contentTranslateStyle = {}
         }
       },
       // @vuese