Question

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

Answer 1

您可以将react-native-mask-input或任何其他标记库与react-native-paper一起使用。您可以使用Text Input的渲染道具来传递react-native-mask-input组件，例如

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

HTH