reactNative TextInput数字键盘在android上无法正常显示

时间:2018-04-10 05:10:09

标签: android ios react-native keyboard

我正在使用

  

的TextInput

  

keyboardType =" number-pad"

在iOS上它工作正常,但在Android上显示普通键盘,如何让android显示数字键盘键盘,并隐藏"建议"杆

screenshot mobiles 在左侧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); }}

/&GT;

2 个答案:

答案 0 :(得分:6)

根据link to it,您需要提供 keyboardType number-pad

autoCorrect={false}仅适用于 IOS

要隐藏栏,请尝试number-pad

修改

根据最新文档loop已添加用于跨平台支持

答案 1 :(得分:0)

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

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