React Native-如何处理TextInput以避免在使用正则表达式时闪烁文本onChangeText

时间:2019-07-17 04:39:06

标签: react-native textinput flicker

我想避免在输入textInput时出现闪烁的文字,该怎么办?

使用此代码,我可以处理textinput以打印任何文本(除非数字),但是当用户键入文本时,文本会闪烁一段时间

<TextInput
  value={this.state.nikForUi}
  maxLength={19}
  placeholder={"NIK KTP"}
  onChangeText={(text)=>{
    let formattedText = text.split(' ').join('');
    let reg = /^[0-9]*$/
    if(reg.test(formattedText)){
      if (formattedText.length > 0) {
        formattedText = formattedText.match(new RegExp(/.{1,4}/g)).join(' ');
      }
      this.setState({nikForUi:formattedText, nik:formattedText.split(' ').join('')})
    }
  }}
  style={styles.inputNIK}
/>

有人知道如何解决吗?

1 个答案:

答案 0 :(得分:0)

  

对于特定的键盘类型,您可以将键盘类型设置为   零件。参考链接;   https://facebook.github.io/react-native/docs/textinput#keyboardtype