将文本字段设置为仅限数字 Nativescript

Question

我尝试让文本字段仅接受数字并且文本居中对齐，但没有任何效果，是不是我设置了错误的属性或其他设置方式？

<TextField id="btn" android:inputType="number" android:numeric="number" android:textAlignment="center" col="1" backgroundColor="#ffffff" col="2"/>

Answer 1

在您的提交事件中，您可以添加一些验证以确保输入的是一个数字。您可以使用 console.log(typeof var) 进行检查，其中 var 是文本字段的值，它应该是 return 整数。

您最好在 CSS 文件中设置 text-alignment。

Answer 2

首先。您想要将 keyboardType 设置为 number。 See the documentation on EditableTextBase

其次，关于造型。您确实希望在 CSS 文件中设置样式，因为它可以帮助您分离标记和样式。 look at the documentation 了解样式。

但如果您需要，可以使用内联样式。但是，您所做的是尝试将样式作为 xml 参数 传递。您想要做的是将样式传递给 style 参数，如下所示：

<TextField style="text-align: center;"/>

将其与您所做的进行比较：

<TextField textAlignment="center"/>

不过如前所述。如果您在单独的 CSS 文件中编写您的样式，您将会成为一个更快乐的开发人员，例如：

<TextField cssClass="myClass">

然后在您的 CSS 文件中：

.myClass {
  text-align: left;
}

Set textfield to numeric only Nativescript