如何在TextInout中添加前缀-React Native

Question

我想在我的文本输入中添加前缀，我想知道如何做。

文本输入代码

        <TextInput
          style={styles.inputs}
          placeholder="Mobile Number"
          keyboardType="number-pad"
          underlineColorAndroid="transparent"
          onChangeText={mobile_number => this.setState({mobile_number})}
        />

我想要的最终输出

Answer 1

您可以使用文本蒙版。尝试这个https://github.com/react-native-community/react-native-text-input-mask

处理电话号码输入https://www.npmjs.com/package/react-phone-number-input

Answer 2

您可以将两个textinput组合在一起。一个用于前缀，另一个用于输入文本。像这样：

<View>
  <TextInput /> // Text or dropdown pick, something else
  <TextInput />
<View>