将textfield设置为仅数字Nativescript

Question

我尝试将textfield仅接受数字并将文本对齐到中心，但不会产生任何影响，我是否设置了错误的属性或其他设置方式？

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

Answer 1

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

其次，关于造型。您真的想在CSS文件中设置样式，因为它可以帮助您分离标记和样式。取一个关于样式的look at the documentation。

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

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

将其与您所做的比较：

<TextField textAlignment="center"/>

但是如上所述。如果你把你的风格写在一个单独的CSS文件中，你会成为一个更开心的开发者，如：

<TextField cssClass="myClass">

然后在你的CSS文件中：

.myClass {
  text-align: left;
}

Answer 2

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

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