Comment puis-je mettre une icône dans un TextInput dans React Native?
Je pense avoir quelque chose comme ceci https://android-arsenal.com/details/1/3941 où vous avez de l'icône que vous appuyez sur pour afficher le mot de passe en clair, pas comme des points. Cependant, j'ai été incapable de trouver tout composant personnalisé qui pourrait m'aider.
Je ne veux pas mettre trop de temps sur un élément mineur, donc je pose la question sans avoir tenté quoi que ce soit encore: Est-il un composant personnalisé que j'ai manqué? Si non, est-il un moyen simple d'ajouter des enfants à TextInput? Ou devrais-je juste avoir TextInput et à Toucher les côtés?
source d'informationauteur Zygro
Vous devez vous connecter pour publier un commentaire.
Vous pouvez utiliser la combinaison de Vue, l'Icône et TextInput comme suit:
et l'utilisation de flex-direction pour le style de
Icônes ont été prises à partir de "réagir-native-vecteur-icônes"
Fondamentalement, vous ne pouvez pas mettre une icône à l'intérieur d'un composant textInput mais vous pouvez les faux en les enveloppant dans une vue et mise en place de quelques simples règles de style.
Voici comment cela fonctionne:
les enfants les uns à côté des autres
Code:
Style:
(Remarque: l'icône est en dessous de la TextInput de sorte qu'il apparaît à l'extrême droite, si elle était au-dessus de TextInput il semble sur la gauche).
Vous pouvez utiliser ce module qui est facile à utiliser: https://github.com/halilb/react-native-textinput-effects
Ici vous avez un exemple, j'ai pris de mon propre projet, j'ai juste enlevé ce que je pensais, nous n'avons pas besoin pour l'exemple.
J'espère que Cela vous aide.
Laissez-moi savoir si c'était utile.