fix(rn): tip bug修复

zindex & transform 玄学问题

Author: QiuShuiBai

packages/mpx-cube-ui/lib/components/tip/css.rn.styl

@@ -10,6 +10,8 @@
   font-size $var(font-size-xs)
   color $var(tip-color)
   transform scale(0)
+  opacity 0
+  border-radius $var(tip-border-radius)
 .cube-tip-angle-wapper
   position absolute
   z-index: 2

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

@@ -22,6 +22,7 @@ if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android') {
                         timingFunction: 'ease'
                     }));
                     if (newV) {
+                        animation.opacity(1).step({ duration: 0 });
                         animation.scale(1.1).step({ duration: 200 });
                         animation.scale(1).step({ duration: 200 });
                     }

packages/mpx-cube-ui/package.json

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

packages/mpx-cube-ui/src/components/tip/css.rn.styl

@@ -10,6 +10,8 @@
   font-size $var(font-size-xs)
   color $var(tip-color)
   transform scale(0)
+  opacity 0
+  border-radius $var(tip-border-radius)
 .cube-tip-angle-wapper
   position absolute
   z-index: 2

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

@@ -23,6 +23,7 @@ if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android') {
             timingFunction: 'ease'
           }))
           if (newV) {
+            animation.opacity(1).step({ duration: 0 })
             animation.scale(1.1).step({ duration: 200 })
             animation.scale(1).step({ duration: 200 })
           } else {