reactNative TextInput数字键盘在android上没有正确显示答案

【问题标题】：reactNative TextInput number-pad not showing properly on androidreactNative TextInput数字键盘在android上没有正确显示
【发布时间】：2018-09-19 14:34:06
【问题描述】：

我正在使用

文本输入

与

keyboardType = "数字键盘"

在 iOS 上运行正常，但在 Android 上显示普通键盘，如何让 android 显示数字键盘，并隐藏“建议”栏

左边iOS显示正确，右边android模拟器显示错误键盘。

<TextInput
    ref="second"
    style={this.state.pos > 0 ? styles.textInputStyle : 
    styles.textInputNormalStyle}
    keyboardType = "number-pad"
    maxLength={1}
    value={this.state.secondVal}
    onKeyPress={(event) => {this.onChange(1, event.nativeEvent.key); }}

【问题讨论】：

标签： android ios react-native keyboard

【解决方案1】：

根据docs，您需要提供keyboardType为phone-pad。

number-pad 仅适用于 IOS

要隐藏栏，请尝试autoCorrect={false}

编辑

根据最新的文档number-pad 已添加跨平台支持

【讨论】：

0.56 在数字键盘上添加了跨平台支持。但是旧的 0.55 版本没有 facebook.github.io/react-native/docs/0.55/…

【解决方案2】：

对我来说，keyboardType='number-pad' 还不能在 Android 上运行，尽管文档说它可以跨平台使用！（这很奇怪）所以我的解决方案只是在将其设置为输入值之前验证该值

 const onChangeText = (text) => {
    setInputValue(text.replace(/\D/g, ""));
  };

【讨论】：