Donc, pour ce message d'erreur dans le composant d'entrée, nous obtenons le texte de l'extérieur.
Mais je veux contrôler le style de l'intérieur.
Donc ici, à la fin, je vais envelopper ce texte ici dans un composant de vue simplement pour avoir plus
d'options de style que vous pourriez dire et attribuer un style ici d'air ou de conteneur peut-être et sur le texte lui-même attribuer tous un
style d'air ou de texte, mais ces identificateurs comme toujours, cela dépend de vous.
De plus, je ne veux pas toujours le montrer comme s'il n'était pas valide, mais je veux
plutôt le montrer s'il n'est pas valide, cette entrée a été touchée.
C'est pourquoi je gère cet état touché afin que l'utilisateur ait au moins une chance d'entrer quelque
chose avant de lui crier dessus.
Alors maintenant, le conteneur d'air et le texte d'erreur peuvent être ajoutés et bien sûr, vous êtes totalement libre de bloquer
cela comme vous le souhaitez.
Je vais donner au conteneur de flèche une marge verticale de disons cinq, puis pour le texte d'erreur
ici encore à vous, je vais attribuer à une famille amusante de sables ouverts ici une couleur de rouge peut-être et une taille de police de 14 pour lui donner un un peu plus petit ou 13 et
comment est-ce que vous verrez si cela se recharge et testons cela sur Android aussi bien
sûr pas seulement sur moi.
Donc, si nous attendons que cela se charge sur
Android, nous allons à l'administrateur et, malheureusement, l'émulateur Android est un peu plus lent, c'est pourquoi cela prend un peu plus
de temps.
Et nous ajoutons un nouveau produit ici.
Maintenant, tout d'abord, vous devriez essayer de le soumettre comme ceci.
Je reçois une erreur comme cela devrait être le cas.
Et si je commence à entrer ici, je peux le faire.
Cependant, veuillez noter qu'après avoir touché l'image et la saisir si elle n'est pas valide, j'obtiens une erreur.
Et c'est exactement ce qui devrait être le cas.
Je peux donc entrer tout cela.
Maintenant, nous avons un autre problème que mon clavier chevauche les entrées de description qu'il devra résoudre.
Tout d'abord, permettez-moi d'entrer quelque chose de valide dans toutes les autres entrées.
Même si c'est une image invalide, vous êtes L, nous ne vérifions pas si elle est valide, vous êtes
L ici, juste si c'est du texte.
Donc, je ne me soucie pas de la validation exacte de vous ou de L ici,
bien sûr, vous pouvez ajouter une vérification d'expression régulière pour cela, mais maintenant je vais juste entrer une entrée
valide dans tous ces champs et par la suite, si je clique sur Enregistrer ici, cela est enregistré et peut également être trouvé ici en bas et il en a créé deux ici un dans les
coulisses mais c'est de là qu'il vient.
Assurons-nous maintenant que nous pouvons tous accéder à toutes les entrées et pour cela, et il avait un écran
de produit, j'utiliserai un composant que vous avez déjà vu plus tôt dans le cours, je supprimerai
ces deux importations dont nous n'avons plus besoin et à la place au clavier une vue élargie pour nous assurer que nous pouvons toujours
atteindre toutes nos entrées.
Et maintenant, le clavier évitant la vue ici peut être utilisé dans l'écran d'édition du produit qui peut
être enroulé autour de notre
vue de défilement comme ceci dans toute la vue de défilement.
Et là, vous ne voudrez peut-être pas jouer avec la façon dont vous configurez sans tenir compte de ce comportement.
Vous pouvez tous utiliser l'API de plate-forme pour utiliser un comportement différent pour différentes plates-formes.
Tous essaieront de remplir ici et ajouteront un mot au clavier Nicole tout compenser.
Disons que cent deux ajoutent beaucoup de rembourrage pour que nous remontions vraiment un peu toutes les entrées car là, elles
sont plutôt grandes avec une étiquette, nous avons l'entrée elle-même qui n'est pas très petite, donc je
veux vraiment bouger ça monte un peu.
Et en plus et c'est important, vous devez ajouter un style ici et je vais rapidement ajouter un style en ligne
ici.
Bien sûr, vous pouvez également utiliser pour caler la feuille et ajouter un flex ici et c'est super important.
Vous devez l'ajouter au clavier en évitant la vue que vous enroulez autour de votre vue
de défilement pour avoir un effet car il doit essentiellement se réserver la taille entière de l'écran.
Il y a une vue de défilement là-dedans et qui pourra toujours défiler, mais vous en avez également besoin maintenant avec
cela, disons, essayez ceci sur Android, mais comme cela prend un peu de charge, je vais également jeter un
coup d'œil à ISIS.
Et là vous voyez que vous pouvez toujours faire défiler malheureusement votre clavier n'est même pas proche de notre description par la façon dont
nous pouvons y ajouter plusieurs lignes aussi bien que vous le voyez.
Mais maintenant, jetons un coup d'œil à notre application
Android ici, allez
à l'action des administrateurs là-bas
et là-bas, si je vais à ma description ici, vous verrez que c'est maintenant déplacé vers le haut.
Si je suis dans l'image, vous êtes en train de taper des éléments là-bas maintenant, cliquez dans la description est
accessible maintenant.
Alors maintenant, avec dead, nous nous assurons que nous pouvons toujours atteindre toutes les entrées, ce qui bien sûr est important dans
une application.
Vous voulez vous assurer que vous pouvez atteindre toutes vos entrées.
Nous validons les données, nous les sauvegardons et nous le faisons de manière hautement réutilisable.