0
votes

Comment ajouter du préfixe dans TextInput - React Native

Je veux ajouter du préfixe à mon entrée de texte et j'aimerais savoir comment faire.

Code d'entrée de texte strong> p>

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

react-native react-native-android textinput react-native-ios

0 commentaires

4 Réponses :

1
votes

Vous pouvez utiliser un masque de texte. Essaye ça https://github.com/react-native-community/communité/ Réact-natif-text-entrée-masque

Pour gérer les entrées de numéro de téléphone https://www.npmjs.com/package/react-phone-number- Entrée

0 commentaires

1
votes

Vous pouvez le faire une combinaison de deux textinput. L'un est pour le préfixe et autre est pour le texte d'entrée. comme ceci: xxx

0 commentaires

2
votes

Si vous ne voulez pas que le préfixe soit modifiable, utilisez une étiquette:

<View>
  <Label />
  <TextInput />
<View>

0 commentaires

2
votes

Vous pouvez le faire comme ça: xxx xxx

1 commentaires

Merci pour la réponse !