React Native 中的 iPad 数字键盘

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。