chore: starting verticalTextAlignment support

Author: farfromrefug

src/textfield/textfield.android.ts

@@ -1,3 +1,4 @@
+import { VerticalTextAlignment, verticalTextAlignmentProperty } from '@nativescript-community/text';
 import { getLayout, stateSets } from '@nativescript-community/ui-material-core/android/utils';
 import {
     counterMaxLengthProperty,
@@ -62,7 +63,6 @@ export class TextField extends TextFieldBase {
         return this.editText;
     }
 
-    drawingBackground = false;
     // @ts-ignore
     get nativeViewProtected() {
         return this.layoutView;
@@ -318,5 +318,23 @@ export class TextField extends TextFieldBase {
     [paddingLeftProperty.setNative](value: Length) {
         org.nativescript.widgets.ViewHelper.setPaddingLeft(this.nativeViewProtected, Length.toDevicePixels(value, 0) + Length.toDevicePixels(this.style.borderLeftWidth, 0));
     }
+    [verticalTextAlignmentProperty.setNative](value: VerticalTextAlignment) {
+        // TODO: not working for now
+        const view = this.nativeTextViewProtected;
+        const horizontalGravity = view.getGravity() & android.view.Gravity.HORIZONTAL_GRAVITY_MASK;
+        switch (value) {
+            case 'initial':
+            case 'top':
+                view.setGravity(android.view.Gravity.TOP | horizontalGravity);
+                break;
+            case 'middle':
+                view.setGravity(android.view.Gravity.CENTER_VERTICAL | horizontalGravity);
+                break;
+
+            case 'bottom':
+                view.setGravity(android.view.Gravity.BOTTOM | horizontalGravity);
+                break;
+        }
+    }
 }
 //

src/textfield/textfield.common.ts

@@ -1,5 +1,6 @@
 import { CSSType, Color, TextField as NTextField } from '@nativescript/core';
 import { cssProperty } from '@nativescript-community/ui-material-core';
+import { VerticalTextAlignment } from '@nativescript-community/text';
 
 @CSSType('MDTextField')
 export abstract class TextFieldBase extends NTextField {
@@ -25,4 +26,5 @@ export abstract class TextFieldBase extends NTextField {
     @cssProperty floatingInactiveColor: Color;
     @cssProperty buttonColor: Color;
     @cssProperty digits: string;
+    @cssProperty verticalTextAlignment: VerticalTextAlignment;
 }

src/textfield/textfield.ios.ts

@@ -1,3 +1,4 @@
+import { VerticalTextAlignment, verticalTextAlignmentProperty } from '@nativescript-community/text';
 import { themer } from '@nativescript-community/ui-material-core';
 import {
     buttonColorProperty,
@@ -12,26 +13,23 @@ import {
     helperProperty,
     strokeColorProperty,
     strokeDisabledColorProperty,
-    strokeInactiveColorProperty,
+    strokeInactiveColorProperty
 } from '@nativescript-community/ui-material-core/textbase/cssproperties';
 import {
     Background,
     Color,
     Font,
-    Property,
-    Screen,
     Style,
     Utils,
     _updateCharactersInRangeReplacementString,
     backgroundInternalProperty,
     editableProperty,
     fontInternalProperty,
-    isAndroid,
     paddingBottomProperty,
     paddingLeftProperty,
     paddingRightProperty,
     paddingTopProperty,
-    placeholderColorProperty,
+    placeholderColorProperty
 } from '@nativescript/core';
 import { textProperty } from '@nativescript/core/ui/text-base';
 import { TextFieldBase } from './textfield.common';
@@ -180,7 +178,6 @@ export class TextField extends TextFieldBase {
 
     _getTextInsetsForBounds(insets: UIEdgeInsets): UIEdgeInsets {
         const style = this.style;
-
         if (this.variant === 'underline' && this._controller.underlineHeightNormal === 0) {
             // if no underline/custom background, remove all insets like on android
             insets.top = 0;
@@ -358,4 +355,24 @@ export class TextField extends TextFieldBase {
         const font = value instanceof Font ? value.getUIFont(this._controller.inlinePlaceholderFont) : value;
         this._controller.inlinePlaceholderFont = font;
     }
+
+    [verticalTextAlignmentProperty.setNative](value: VerticalTextAlignment) {
+        // TODO: not working for now
+        const view = this.nativeTextViewProtected;
+        view.backgroundColor = UIColor.redColor;
+        switch (value) {
+            case 'initial':
+            case 'top':
+                view.contentVerticalAlignment = UIControlContentVerticalAlignment.Top;
+                break;
+            case 'middle':
+                view.contentVerticalAlignment = UIControlContentVerticalAlignment.Center;
+
+                break;
+
+            case 'bottom':
+                view.contentVerticalAlignment = UIControlContentVerticalAlignment.Bottom;
+                break;
+        }
+    }
 }