fix: android fix for pre lollipop

Author: farfromrefug

demo-vue/app/examples/Buttons.vue

@@ -1,5 +1,5 @@
 <template>
-    <Page>
+    <Page backgroundColor="red">
         <ActionBar :title="title">
             <StackLayout orientation="horizontal" width="100%">
                 <MDButton v-show="isEditing" variant="flat" text="test" @tap="isEditing = !isEditing" />

demo-vue/app/views/Home.ts

@@ -27,7 +27,7 @@ export default {
         },
         goToModalExample(item) {
             console.log('goToModalExample');
-            this.$showModal(item.component, { fullscreen: true });
+            this.$showModal(item.component, { });
         }
     }
 };

src/button/button.android.ts

@@ -87,15 +87,15 @@ export class Button extends ButtonBase {
             createStateListAnimator(this, this.nativeViewProtected);
         } else {
             const newValue = Length.toDevicePixels(typeof value === 'string' ? Length.parse(value) : value, 0);
-            this.nativeViewProtected.setElevation(newValue);
+            androidx.core.view.ViewCompat.setElevation(this.nativeViewProtected, newValue);
         }
     }
     [dynamicElevationOffsetProperty.setNative](value: number) {
         if (isPostLollipop()) {
             createStateListAnimator(this, this.nativeViewProtected);
         } else {
             const newValue = Length.toDevicePixels(typeof value === 'string' ? Length.parse(value) : value, 0);
-            this.nativeViewProtected.setTranslationZ(newValue);
+            androidx.core.view.ViewCompat.setTranslationZ(this.nativeViewProtected, newValue);
         }
     }
     [androidElevationProperty.setNative](value: number) {

src/cardview/cardview.ios.ts

@@ -73,7 +73,7 @@ export class CardView extends CardViewBase {
             }
             this.nativeViewProtected.setBorderWidthForState(value.borderLeftWidth / scale, MDCCardCellState.Normal);
             this.nativeViewProtected.setBorderColorForState(value.borderTopColor ? value.borderTopColor.ios : null, MDCCardCellState.Normal);
-            this.nativeViewProtected.layer.cornerRadius = value.borderTopLeftRadius / scale;
+            this.nativeViewProtected.cornerRadius = value.borderTopLeftRadius / scale;
         }
     }
     [rippleColorProperty.setNative](color: Color) {

src/core/index.android.ts

@@ -169,7 +169,7 @@ class ViewWithElevationAndRipple extends View {
             createStateListAnimator(this, this.nativeViewProtected);
         } else {
             const newValue = Length.toDevicePixels(typeof value === 'string' ? Length.parse(value) : value, 0);
-            this.nativeViewProtected.setElevation(newValue);
+            androidx.core.view.ViewCompat.setElevation(this.nativeViewProtected, newValue);
         }
     }
     // [dynamicElevationOffsetProperty.getDefault](): number {
@@ -181,7 +181,7 @@ class ViewWithElevationAndRipple extends View {
             createStateListAnimator(this, this.nativeViewProtected);
         } else {
             const newValue = Length.toDevicePixels(typeof value === 'string' ? Length.parse(value) : value, 0);
-            this.nativeViewProtected.setTranslationZ(newValue);
+            androidx.core.view.ViewCompat.setTranslationZ(this.nativeViewProtected, newValue);
         }
     }
     [androidElevationProperty.setNative](value: number) {

src/floatingactionbutton/floatingactionbutton.android.ts

@@ -1,4 +1,5 @@
 import { dynamicElevationOffsetProperty, elevationProperty, rippleColorProperty } from '@nativescript-community/ui-material-core';
+import { createStateListAnimator, isPostLollipop } from '@nativescript-community/ui-material-core/android/utils';
 import { Background, Color, ImageSource, Length, backgroundInternalProperty, colorProperty } from '@nativescript/core';
 import { textProperty } from '@nativescript/core/ui/text-base';
 import { FloatingActionButtonBase, expandedProperty, imageSourceProperty, sizeProperty, srcProperty } from './floatingactionbutton-common';
@@ -38,13 +39,20 @@ export class FloatingActionButton extends FloatingActionButtonBase {
     }
 
     [elevationProperty.setNative](value: number) {
-        const newValue = Length.toDevicePixels(typeof value === 'string' ? Length.parse(value) : value, 0);
-        this.nativeViewProtected.setElevation(newValue);
+        if (isPostLollipop()) {
+            createStateListAnimator(this, this.nativeViewProtected);
+        } else {
+            const newValue = Length.toDevicePixels(typeof value === 'string' ? Length.parse(value) : value, 0);
+            androidx.core.view.ViewCompat.setElevation(this.nativeViewProtected, newValue);
+        }
     }
-
     [dynamicElevationOffsetProperty.setNative](value: number) {
-        // const newValue = Length.toDevicePixels(typeof value === 'string' ? Length.parse(value) : value, 0);
-        this.nativeViewProtected.setTranslationZ(value);
+        if (isPostLollipop()) {
+            createStateListAnimator(this, this.nativeViewProtected);
+        } else {
+            const newValue = Length.toDevicePixels(typeof value === 'string' ? Length.parse(value) : value, 0);
+            androidx.core.view.ViewCompat.setTranslationZ(this.nativeViewProtected, newValue);
+        }
     }
     [textProperty.setNative](value: string) {
         this.nativeViewProtected.setText(value);