如何在使用 nativescript-Angular 为 Android 设备键入和更改光标指针颜色时删除输入文本中的下划线

Question

我正在使用 nativescript-Angular 开发原生移动应用程序。我希望用户在填写个人详细信息时键入的文本不应该有下划线。另外我想将光标指针的颜色更改为不同的颜色

Answer 1

1. 使用此代码删除文本字段中的下划线。

<StackLayout class="form input-field">
    <TextField class="input" autocorrect="false" hint="type"></TextField>
</StackLayout>

2. 更改光标指针的颜色以在 app/App_Resources/Android/values 和 app/App_Resources/Android/values-v21 中设置强调色不要忘记重置平台文件夹删除它并重建您的应用程序。

Answer 2

将 autocorrect 设置为 false 应该会禁用键盘上方的建议栏以及正在输入的单词的下划线。

但出于某种原因，它似乎不适用于 Google 键盘 (Gboard)。解决方法是将输入类型设置为可见密码，

HTML

<TextField (loaded)="onTextFieldLoaded($event)"></TextField>

TS

 // At top of the file
 declare var android;     

 ....

 onTextFieldLoaded(event) {
    if (event.object.android) {
       event.object.android.setInputType(android.text.InputType.TYPE_CLASS_TEXT | android.text.InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD | android.text.InputType.TYPE_TEXT_FLAG_NO_SUGGESTIONS);
    }
 }

如何在使用 nativescript-Angular 为 Android 设备键入和更改光标指针颜色时删除输入文本中的下划线

How to remove underline in input text while typing and change color of cursor pointer for Android device using nativescript-Angular

nativescript

angular2-nativescript

nativescript-angular