fix: android use correct oultine button now.

Though it is broken with androidXMaterial 1.2.1!!!

Author: farfromrefug

packages/button/platforms/android/res/layout/material_button_outline.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.google.android.material.button.MaterialButton xmlns:android="http://schemas.android.com/apk/res/android"
+        style="@style/OutlinedButton.Custom">
+</com.google.android.material.button.MaterialButton>

packages/button/platforms/android/res/values/materialbuttonstyles.xml

@@ -19,6 +19,15 @@
         <item name="android:insetTop">0dp</item>
         <item name="android:insetBottom">0dp</item>
     </style>
+    <style name="OutlinedButton.Custom" parent="@style/Widget.MaterialComponents.Button.OutlinedButton">
+    <item name="android:padding">0dp</item>
+        <item name="android:minWidth">88dp</item>
+        <item name="android:minHeight">36dp</item>
+        <item name="android:insetLeft">0dp</item>
+        <item name="android:insetRight">0dp</item>
+        <item name="android:insetTop">0dp</item>
+        <item name="android:insetBottom">0dp</item>
+    </style>
     <style name="Button.Custom" parent="@style/Widget.MaterialComponents.Button">
         <item name="android:padding">0dp</item>
         <item name="android:minWidth">88dp</item>

src/button/button.android.ts

@@ -1,14 +1,25 @@
 import { VerticalTextAlignment, verticalTextAlignmentProperty } from '@nativescript-community/text';
 import { dynamicElevationOffsetProperty, elevationProperty, rippleColorProperty } from '@nativescript-community/ui-material-core';
 import { createStateListAnimator, getLayout, isPostLollipop } from '@nativescript-community/ui-material-core/android/utils';
-import { Background, Color, Length, TextTransform, androidDynamicElevationOffsetProperty, androidElevationProperty, backgroundInternalProperty, profile, textTransformProperty } from '@nativescript/core';
+import {
+    Background,
+    Color,
+    Length,
+    TextTransform,
+    androidDynamicElevationOffsetProperty,
+    androidElevationProperty,
+    backgroundInternalProperty,
+    profile,
+    textTransformProperty,
+} from '@nativescript/core';
 import { ButtonBase } from './button-common';
 
 let LayoutInflater: typeof android.view.LayoutInflater;
 
 let textId;
 let containedId;
 let flatId;
+let outlineId;
 let grayColorStateList: android.content.res.ColorStateList;
 
 export class Button extends ButtonBase {
@@ -22,7 +33,7 @@ export class Button extends ButtonBase {
         let layoutId;
         const variant = this.variant;
         // let layoutIdName = 'material_button';
-        if (variant === 'text' || variant === 'outline') {
+        if (variant === 'text') {
             if (!textId) {
                 textId = getLayout('material_button_text');
             }
@@ -32,6 +43,11 @@ export class Button extends ButtonBase {
                 flatId = getLayout('material_button_flat');
             }
             layoutId = flatId;
+        } else if (variant === 'outline') {
+            if (!outlineId) {
+                outlineId = getLayout('material_button_outline');
+            }
+            layoutId = outlineId;
         } else {
             if (!containedId) {
                 containedId = getLayout('material_button');
@@ -48,15 +64,16 @@ export class Button extends ButtonBase {
         if (!LayoutInflater) {
             LayoutInflater = android.view.LayoutInflater;
         }
+        console.log('test', this.variant, layoutId);
         const view = android.view.LayoutInflater.from(this._context).inflate(layoutId, null, false) as com.google.android.material.button.MaterialButton;
 
-        if (variant === 'outline') {
-            view.setStrokeWidth(1);
-            if (!grayColorStateList) {
-                grayColorStateList = android.content.res.ColorStateList.valueOf(new Color('gray').android);
-            }
-            view.setStrokeColor(grayColorStateList);
-        }
+        // if (variant === 'outline') {
+        //     view.setStrokeWidth(1);
+        //     if (!grayColorStateList) {
+        //         grayColorStateList = android.content.res.ColorStateList.valueOf(new Color('gray').android);
+        //     }
+        //     view.setStrokeColor(grayColorStateList);
+        // }
         return view;
     }
 
@@ -115,7 +132,7 @@ export class Button extends ButtonBase {
         this.nativeViewProtected.setStrokeWidth(value);
     }
     [textTransformProperty.setNative](value: TextTransform) {
-        this.nativeViewProtected.setAllCaps((value !== 'none')) ;
+        this.nativeViewProtected.setAllCaps(value !== 'none');
     }
     [backgroundInternalProperty.setNative](value: android.graphics.drawable.Drawable | Background) {
         const view = this.nativeTextViewProtected;

src/floatingactionbutton/floatingactionbutton.android.ts

@@ -15,7 +15,6 @@ export class FloatingActionButton extends FloatingActionButtonBase {
         }
         const view = new MDCFabButton(this._context);
         this.defaultPadding = view.getPaddingTop();
-        console.log('defaultPadding', this.defaultPadding);
         return view;
     }
 
@@ -93,7 +92,6 @@ export class FloatingActionButton extends FloatingActionButtonBase {
         this.nativeViewProtected.setRippleColor(android.content.res.ColorStateList.valueOf(color.android));
     }
     [expandedProperty.setNative](value: boolean) {
-        console.log('expandedProperty', value);
         if (value) {
             this.nativeViewProtected.extend();
         } else {