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