feat:optimize iOS Transform setting

doric-demo/src/ScrolledSliderDemo.ts

@@ -139,6 +139,7 @@ class MovieVM extends ViewModel<MovieModel, MovieVH>{
             this.updateState(state => state.doubanModel = JSON.parse(ret.data) as DoubanModel)
         })
     }
+
     onBind(state: MovieModel, vh: MovieVH) {
         if (state.doubanModel) {
             vh.title.text = state.doubanModel.title
@@ -162,7 +163,7 @@ class MovieVM extends ViewModel<MovieModel, MovieVH>{
                                 }
                                 v.getLocationOnScreen(context).then(ret => {
                                     const centerX = ret.x + v.width / 2;
-                                    vh.scrolled.scrollBy(context, { x: centerX - Environment.screenWidth / 2, y: 0 })
+                                    vh.scrolled.scrollBy(context, { x: centerX - Environment.screenWidth / 2, y: 0 }, true)
                                 })
                             },
                         })

doric-iOS/Pod/Classes/Shader/DoricViewNode.m

@@ -152,13 +152,15 @@ - (void)transformProperties {
     if (self.rotation) {
         transform = CGAffineTransformRotate(transform, (self.rotation.floatValue ?: 0) * M_PI);
     }
-    if (!CGAffineTransformEqualToTransform(transform, self.view.transform)) {
-        self.view.transform = transform;
-    }
     if (self.pivotX || self.pivotY) {
         self.view.layer.anchorPoint = CGPointMake(self.pivotX.floatValue
                 ?: 0.5f, self.pivotY.floatValue ?: 0.5f);
     }
+    if (!CGAffineTransformEqualToTransform(transform, self.view.transform)) {
+        dispatch_async(dispatch_get_main_queue(), ^{
+            self.view.transform = transform;
+        });
+    }
 }
 
 - (void)blendView:(UIView *)view forPropName:(NSString *)name propValue:(id)prop {

doric-js/bundle/doric-lib.es5.js

@@ -367,6 +367,12 @@ var View = /** @class */ (function () {
     View.prototype.getHeight = function (context) {
         return this.nativeChannel(context, 'getHeight')();
     };
+    View.prototype.getX = function (context) {
+        return this.nativeChannel(context, 'getX')();
+    };
+    View.prototype.getY = function (context) {
+        return this.nativeChannel(context, 'getY')();
+    };
     View.prototype.getLocationOnScreen = function (context) {
         return this.nativeChannel(context, "getLocationOnScreen")();
     };

doric-js/bundle/doric-lib.js

@@ -283,6 +283,12 @@ class View {
     getHeight(context) {
         return this.nativeChannel(context, 'getHeight')();
     }
+    getX(context) {
+        return this.nativeChannel(context, 'getX')();
+    }
+    getY(context) {
+        return this.nativeChannel(context, 'getY')();
+    }
     getLocationOnScreen(context) {
         return this.nativeChannel(context, "getLocationOnScreen")();
     }

doric-js/bundle/doric-vm.js

@@ -1742,6 +1742,12 @@ class View {
     getHeight(context) {
         return this.nativeChannel(context, 'getHeight')();
     }
+    getX(context) {
+        return this.nativeChannel(context, 'getX')();
+    }
+    getY(context) {
+        return this.nativeChannel(context, 'getY')();
+    }
     getLocationOnScreen(context) {
         return this.nativeChannel(context, "getLocationOnScreen")();
     }

doric-js/index.d.ts

@@ -241,6 +241,8 @@ declare module 'doric/lib/src/ui/view' {
             nativeChannel(context: BridgeContext, name: string): (args?: any) => Promise<any>;
             getWidth(context: BridgeContext): Promise<number>;
             getHeight(context: BridgeContext): Promise<number>;
+            getX(context: BridgeContext): Promise<number>;
+            getY(context: BridgeContext): Promise<number>;
             getLocationOnScreen(context: BridgeContext): Promise<{
                     x: number;
                     y: number;

doric-js/lib/src/ui/view.d.ts

@@ -134,6 +134,8 @@ export declare abstract class View implements Modeling, IView {
     nativeChannel(context: BridgeContext, name: string): (args?: any) => Promise<any>;
     getWidth(context: BridgeContext): Promise<number>;
     getHeight(context: BridgeContext): Promise<number>;
+    getX(context: BridgeContext): Promise<number>;
+    getY(context: BridgeContext): Promise<number>;
     getLocationOnScreen(context: BridgeContext): Promise<{
         x: number;
         y: number;

doric-js/lib/src/ui/view.js

@@ -168,6 +168,12 @@ export class View {
     getHeight(context) {
         return this.nativeChannel(context, 'getHeight')();
     }
+    getX(context) {
+        return this.nativeChannel(context, 'getX')();
+    }
+    getY(context) {
+        return this.nativeChannel(context, 'getY')();
+    }
     getLocationOnScreen(context) {
         return this.nativeChannel(context, "getLocationOnScreen")();
     }

doric-web/dist/index.js

@@ -1800,6 +1800,12 @@ class View {
     getHeight(context) {
         return this.nativeChannel(context, 'getHeight')();
     }
+    getX(context) {
+        return this.nativeChannel(context, 'getX')();
+    }
+    getY(context) {
+        return this.nativeChannel(context, 'getY')();
+    }
     getLocationOnScreen(context) {
         return this.nativeChannel(context, "getLocationOnScreen")();
     }