Как центрировать данные в форме ввода?

Question

Я хочу выровнять текст по центру в форме данных rad, потому что у меня есть эти требования.Ввод должен быть центрирован.

Я пытался использовать css, установив свойство text-align.И я искал в документах способ сделать это, но нет никакого примера.

<RadDataForm #myLoginForm row="1" col="0" [source]="loginForm" [metadata]="loginFormMetadata">
        <!--Email property-->
        <TKEntityProperty
            tkDataFormProperty
            textAlignment="center"
            displayName=""
            name="email"
            hintText="Email"
            index="0">

            <TKPropertyEditor tkEntityPropertyEditor type="Email"></TKPropertyEditor>

            <!--Non empty, and email validators-->
            <TKNonEmptyValidator tkEntityPropertyValidators></TKNonEmptyValidator>
            <TKEmailValidator tkEntityPropertyValidators></TKEmailValidator>
        </TKEntityProperty>

Ввод всегда начинается слева направо, а не по центру, когда курсор не перемещается, а текст смещается влево при вводе символов.

ОБНОВЛЕНИЕ -

Я воспользовался предложением Маноджа и смог получить централизованный ввод текста с помощью Native API.Я выяснил, как сделать нативные API доступными в моем проекте NS Angular, используя эту ссылку: https://docs.nativescript.org/angular/core-concepts/accessing-native-apis-with-javascript#intellisense-and-access-to-the-native-apis-via-typescript

После этого я смог использовать привязку событий, чтобы связать RadDataFrom с функцией.

<RadDataForm #myLoginForm row="1" col="0" [source]="loginForm" [metadata]="loginFormMetadata" (editorUpdate)="dfEditorUpdate($event)">

Спасибо, Маной!

Answer 1

Вы должны оформить его изначально, см. документы здесь

export function dfEditorUpdate(args: DataFormEventData) {
    const editor = args.editor;
    switch (args.propertyName) {
        case "albumName":
            if (isAndroid) {
                editor.getEditorView().setGravity(android.view.Gravity.CENTER_HORIZONTAL);
            } else {
                editor.editor.textAlignment = NSTextAlignment.Center
            }
            break;
    }
}

Образец игровой площадки