Question

这是我的实例

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

               </View>
            )

  }
})

在此组件中，任何类型的keyboardType都不起作用（如号码，网址，电子邮件地址，号码簿，电话簿等），

Answer 1

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

Answer 2

键盘类型=＆＃34;数字＆＃34;在Android和iOS上对react-native 0.46.3都有效您确定使用字母占位符（＆＃34;数字＆＃34;）不是问题的原因吗？这是我的相关代码：

<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

它为我工作 keyboardType ='数字'

Answer 4

也许它会起作用：

keyboardType={"numeric"}

<textinput keyboardtype =“numeric”>无法在本机中生效

4 个答案: