<TextInput keyboardType ="numeric"/>在native native中不起作用

vas*_*avi 8 ios reactjs react-native

这是我的实例

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

               </View>
            )

  }
})
Run Code Online (Sandbox Code Playgroud)

在此组件中,任何类型的keyboardType都不起作用(如数字,网址,电子邮件地址,数字键盘,电话簿等)

小智 5

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

  • 在 ios 上你必须使用 'done' ```returnKeyType: Platform.OS === 'ios' ?'完成' : '下一步',``` (2认同)

Mar*_*coS 4

keyboardType="numeric"在AndroidiOS0.46.3上的React-Native 上对我都有效。 您确定使用字母占位符(“数字”)不是问题的原因吗?

这是我的相关代码:

<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"
/>
Run Code Online (Sandbox Code Playgroud)