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

Question

Im using

TextInput

with

keyboardType = "number-pad"

On iOS it works fine, but on Android it shows normal keyboard, how do I make android show the number-pad keyboard, and hide the "suggest" bar

On the left the iOS showing correctly, on the right the android emulator showing wrong keyboard.

<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); }}

/>

Answer 1

As per the docs , you need to supply keyboardType as phone-pad .

number-pad is only for IOS

For hiding the bar try autoCorrect={false}

Edit

As per the latest docs number-pad has been added for cross-platform support

Answer 2

for me that keyboardType='number-pad' isn't working on Android yet even though the doc says it's available cross-platform! (which is quite weird) so my solution was just validating the value before setting it as the input value

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