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>
  );
}