fix(cardview): ios fix for elevation+borderRadius

Author: farfromrefug

src/cardview/cardview.ios.ts

@@ -12,6 +12,12 @@ import {
 } from '@nativescript/core';
 import { CardViewBase } from './cardview-common';
 
+declare module '@nativescript/core/ui/core/view' {
+    interface View {
+        _resumeNativeUpdates(type);
+    }
+}
+
 // use custom class to get the same behavior as android which is
 // highlight even if clicked on subview (which is not a control)
 
@@ -42,7 +48,6 @@ export class CardView extends CardViewBase {
             if (this.shape) {
                 this.scheme.shapeScheme = this.getShapeScheme();
             }
-            console.log('createNativeView', this.scheme.shapeScheme);
             view.applyThemeWithScheme(scheme);
         }
         view.interactable = this.isUserInteractionEnabled;
@@ -102,6 +107,7 @@ export class CardView extends CardViewBase {
     private setBottomLeftCornerRadius(value: number) {
         const shapeScheme = this.getShapeScheme();
         const current = shapeScheme.smallComponentShape.bottomLeftCorner;
+        this.needsElevationSet = true;
         if (current instanceof MDCCutCornerTreatment) {
             shapeScheme.mediumComponentShape.bottomLeftCorner = MDCCornerTreatment.cornerWithCut(value);
         } else {
@@ -111,6 +117,7 @@ export class CardView extends CardViewBase {
     private setBottomRightCornerRadius(value: number) {
         const shapeScheme = this.getShapeScheme();
         const current = shapeScheme.smallComponentShape.bottomRightCorner;
+        this.needsElevationSet = true;
         if (current instanceof MDCCutCornerTreatment) {
             shapeScheme.mediumComponentShape.bottomRightCorner = MDCCornerTreatment.cornerWithCut(value);
         } else {
@@ -120,6 +127,7 @@ export class CardView extends CardViewBase {
     private setTopLeftCornerRadius(value: number) {
         const shapeScheme = this.getShapeScheme();
         const current = shapeScheme.smallComponentShape.topLeftCorner;
+        this.needsElevationSet = true;
         if (current instanceof MDCCutCornerTreatment) {
             shapeScheme.mediumComponentShape.topLeftCorner = MDCCornerTreatment.cornerWithCut(value);
         } else {
@@ -129,12 +137,26 @@ export class CardView extends CardViewBase {
     private setTopRightCornerRadius(value: number) {
         const shapeScheme = this.getShapeScheme();
         const current = shapeScheme.smallComponentShape.topRightCorner;
+        this.needsElevationSet = true;
         if (current instanceof MDCCutCornerTreatment) {
             shapeScheme.mediumComponentShape.topRightCorner = MDCCornerTreatment.cornerWithCut(value);
         } else {
             shapeScheme.mediumComponentShape.topRightCorner = MDCCornerTreatment.cornerWithRadius(value);
         }
     }
+    needsElevationSet = false;
+    public _resumeNativeUpdates(type) {
+        super._resumeNativeUpdates(type);
+        if (this.needsElevationSet && (this.elevation || this.dynamicElevationOffset)) {
+            this.needsElevationSet = false;
+            if (this.elevation) {
+                this[elevationProperty.setNative](this.elevation);
+            }
+            if (this.dynamicElevationOffset) {
+                this[dynamicElevationOffsetProperty.setNative](this.dynamicElevationOffset);
+            }
+        }
+    }
     // trick to get the same behavior as android (don't disable all children)
     [isUserInteractionEnabledProperty.setNative](value: boolean) {
         this.nativeViewProtected.interactable = value;