React Native文本输入掩码

Question

我们正在开发React Native程序,我有一个问题.如何通过React Native为邮政编码和手机号码制作文本输入掩码？

这是一个示例:

Answer 1

签出这个图书馆。 https://github.com/wix/react-native-ui-lib

（或者直接这样：https : //github.com/wix/react-native-ui-lib#masked-input）

它允许您以所需的任何格式呈现自定义蒙版输入。

您可以按以下方式使用它：（这是电话号码的示例）

import {MaskedInput} from 'react-native-ui-lib'

// in your render...
<MaskedInput
  renderMaskedText={this.renderMaskedInput}
  caretHidden
  keyboardType={'numeric'}
/>

renderMaskedInput(value) {

  return (
    <View>
      <Text>
      {value.substr(0, 3)} - {value.substr(3, 10)}
      <Text>
    <View>
  );
}