使用反应原生纸时（材料设计）反应原生面膜输入

Question

我正在使用react-native-paper中的InputText组件。如何在不使用其他库的情况下添加输入掩码？在下面的图片中，我想为手机号码添加输入掩码，但我不知道如何在不使用其他库的情况下进行操作，如果我使用其他库，那么我将不会有材料设计输入样式。请帮忙。

Screenshot

Answer 1

您可以将react-native-mask-input或任何其他标记库与react-native-paper一起使用。您可以使用Text Input的render prop来传递react-native-mask-input组件

<TextInput
  label="Phone number"
  render={props =>
    <TextInputMask
      {...props}
      mask="+[00] [000] [000] [000]"
    />
  }
/>

请参阅render的TextInput

HTH