iPad在React Native中的数字键盘

Question

我正在React Native中开发一个iPad应用程序，我想在其中显示仅数字键盘。我使用键盘类型作为电话键盘，但显示数字以及其他字符。我应该如何实现？我应该如何在iOS的本机反应中使用自定义键盘。

Answer 1

我附上下面的屏幕截图，以显示可以显示多少种键盘类型以及它们各自的keywords。

对于您的情况，只需添加

  

keyboardType =“数字键盘”

如果您在键盘上使用TextInput

更新：对于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); }

Answer 2

尝试添加keyboardType="number-pad"。此解决方案在iOS和Android上均可使用。