<TextInput keyboardType="numeric"/> is not working in react native

Question

Here is my instance

var LoginPopup=React.createClass({
   render:function(){
            return(
               <View>
                   <TextInput placeholder="number" keyboardType="numeric"/>
 <TextInput placeholder="url" keyboardType="url"/>

               </View>
            )

  }
})

In this component any type of keyboardType is not working(like number,url, email-address,number-pad,phone-pad etc ,)

Answer 1

<TextInput value={this.state.mobileNumber}
     returnKeyType={'next'}
     keyboardType={'phone-pad'}
     onChangeText={(mobileNumber) => this.setState({mobileNumber})}
                                       style={[styles.input]}                                      
  />

Answer 2

keyboardType="numeric" does work for me on react-native 0.46.3 on both Android and iOS.
Are you sure using an alphabetical placeholder ("number") is not the cause of the issue?

This is my relevant code:

<TextInput
    editable={!this.state.user.logged}
    onChangeText={(mobileNumber) => this.setState({mobileNumber})}
    placeholder={I18n.t('MobileNumber')}
    ref='mobileNumber'
    returnKeyType={(Platform.OS === 'ios') ? 'done' : 'next'}
    placeholder={I18n.t('MobileNumber')}
    style={styles.inputText}
    underlineColorAndroid='rgba(0,0,0,0)'
    value={this.state.mobileNumber}
    keyboardType="numeric"
/>

Answer 3

its working for me keyboardType='numeric'

Answer 4

You need to add onChangeText for it to work

<TextInput placeholder="number" keyboardType="numeric" onChangeText={() => { }} /> 

Answer 5

You need to add the prop inputMode="numeric" and inputMode="url" as follows:

<TextInput placeholder="number" keyboardType="numeric" inputMode="numeric"/>
<TextInput placeholder="url" keyboardType="url" inputMode="url"/>

Answer 6

Maybe it will work:

keyboardType={"numeric"}