Question

在React-Native项目中，我有一个Native Base的Input组件，我希望这个组件只取数字值0-9并给出这个字段的默认值，我找了关于这个问题的其他问题，我不知道知道也许这些答案是针对'textInput'组件或某种方式的建议对我不起作用？你能帮我吗？

Answer 1

尝试使用

keyboardType="numeric"

source

Answer 2

我抓住你的问题，文本输入没有属性只取数字。但是我有两种方法，在第一种方法中你必须编写代码来获取数值这是黑客但你可以使用它，代码是：

cv2.findNonZero

For second Method use this:

Answer 3

keyboardType="number-pad"

请参见来源https://facebook.github.io/react-native/docs/textinput.html#keyboardtype

Answer 4

您可以将keyboardType = 'numeric'用于数字键盘。

 <View style={styles.container}>
        <Text style={styles.txtStyle}>Enter numeric value</Text>
        <TextInput
          placeholder={'Enter number'}
          style={styles.textInputStyle}
          keyboardType="numeric"
          onChangeText={value => this.onChanged(value)}
          value={this.state.myNumber}
        />
      </View>

在第一种情况下，包括标点符号，例如：-。和-

使用正则表达式删除标点符号。

 onChanged(value) {

    this.setState({ myNumber: value.replace(/[- #*;,.<>\{\}\[\]\\\/]/gi, '') });
  }

请检查小吃链接

https://snack.expo.io/@vishal7008/1e004c

React Native Input组件采用ony数值

4 个答案: