ios - React Native 中适用于 iPad 的数字键盘

Question

我正在用 React Native 开发一个 iPad 应用程序，我想在其中只显示数字键盘。我使用键盘类型作为电话垫，但显示数字和额外字符。我应该如何实现这一目标？我应该如何在 iOS 的 React Native 中使用自定义键盘。

Answer 1

我附上了下面的屏幕截图，其中显示了您可以显示多少种键盘类型及其各自的关键字。

对于你的情况，只需添加

keyboardType="number-pad"

如果您的键盘使用 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); }