Ios 在React Native中为iPad设置数字键盘
我正在用React Native开发一个iPad应用程序,我想在其中显示数字键盘。我曾使用键盘类型作为手机键盘,但它会显示数字和额外字符。我应该如何做到这一点?如何在react native for iOS中使用自定义键盘。尝试添加Ios 在React Native中为iPad设置数字键盘,ios,react-native,ipad,ios-simulator,numeric-keypad,Ios,React Native,Ipad,Ios Simulator,Numeric Keypad,我正在用React Native开发一个iPad应用程序,我想在其中显示数字键盘。我曾使用键盘类型作为手机键盘,但它会显示数字和额外字符。我应该如何做到这一点?如何在react native for iOS中使用自定义键盘。尝试添加keyboardType=“数字键盘”。这个解决方案可以在iOS和Android上使用。我在下面附上一个屏幕截图,显示您可以显示多少种键盘类型以及它们各自的关键字 对于您的情况,只需添加 keyboardType=“数字键盘” 如果您的键盘使用文本输入 更新:对于i
keyboardType=“数字键盘”
。这个解决方案可以在iOS和Android上使用。我在下面附上一个屏幕截图,显示您可以显示多少种键盘类型以及它们各自的关键字
对于您的情况,只需添加
keyboardType=“数字键盘”
如果您的键盘使用文本输入
更新:对于iPad,您需要一个只能包含数字的自定义键盘,或者您可以做的是:
即使键盘上有字符,也只需从数字输入中删除文本即可
你可以这样做
`<TextInput
placeHolder="*********"
keyboardType="number-pad"
onChangeText={this.onChangeText.bind(this)}
value={text}
/>`
`onChangeText(text) {
const numbers = '0123456789';
let numberOnly = '';
for (let i = 0; i < text.length; i++) {
if (numbers.indexOf(text[i]) > -1) {
numberOnly += text[i];
}
}
this.props.passwordChanged(numberOnly); }
`
`onChangeText(文本){
常量编号='0123456789';
让数字=“”;
for(设i=0;i-1){
数字+=文本[i];
}
}
this.props.password已更改(编号);}
如果您使用的是react native的文本输入
,您可以选择键盘类型
。以下是不同键盘类型的可视指南numeric
将为您提供一个仅适用于ios和android的数字键盘。@Roshansingbisht感谢您的回答,但您将文本字段中的字符限制为数字。但我的问题是我想在iPad上只显示数字键盘。@AmitShetye那么你需要一个自定义键盘,就像这个一样。这真的有效吗?我用iPad13.4.1进行了测试,不过键盘切换到了“数字”(用户仍然可以切换回字母表)。。。我期待着像。。。。我还发现,从苹果网站上看,他们似乎确实支持iPad数字键盘。