React Native-如何仅键入数字键盘(无标点符号)

Rah*_*san 5 keyboard numeric react-native

有没有办法在不使用标点符号的情况下键入数字小键盘?

<TextInput keyboardType='numeric' ..... />
Run Code Online (Sandbox Code Playgroud)

如果使用secureTextEntry={true},它将获得所需的正确键盘,但这些值将替换为*

所以,这就是我得到的: 在此处输入图片说明

这就是我要的: 在此处输入图片说明

小智 12

我有同样的问题。

我可以解决做这样的事情:

keyboardType={Device.isAndroid ? "numeric" : "number-pad"}
Run Code Online (Sandbox Code Playgroud)

然后在一个方法调用中onChangeText这样做:

const cleanNumber = number.replace(/[^0-9]/g, "");

this.setState({
  cleanNumber
});
Run Code Online (Sandbox Code Playgroud)

它是 TextInput 的 value prop

value={this.state.cleanNumber}
Run Code Online (Sandbox Code Playgroud)


Kar*_*ela 2

你试过了吗number-pad?两者number-padnumeric可以在 iOS 上为我工作。

  • 我不是在构建仅适用于 IOS 的应用程序! (3认同)