1
00:00:02,450 --> 00:00:06,590
Donc, pour ce message d'erreur dans le composant d'entrée, nous obtenons le texte de l'extérieur.

2
00:00:06,620 --> 00:00:09,240
Mais je veux contrôler le style de l'intérieur.

3
00:00:09,260 --> 00:00:16,730
Donc ici, à la fin, je vais envelopper ce texte ici dans un composant de vue simplement pour avoir plus

4
00:00:16,730 --> 00:00:26,180
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

5
00:00:26,180 --> 00:00:31,910
style d'air ou de texte, mais ces identificateurs comme toujours, cela dépend de vous.

6
00:00:31,910 --> 00:00:36,230
De plus, je ne veux pas toujours le montrer comme s'il n'était pas valide, mais je veux

7
00:00:36,350 --> 00:00:39,800
plutôt le montrer s'il n'est pas valide, cette entrée a été touchée.

8
00:00:39,800 --> 00:00:44,750
C'est pourquoi je gère cet état touché afin que l'utilisateur ait au moins une chance d'entrer quelque

9
00:00:44,870 --> 00:00:46,780
chose avant de lui crier dessus.

10
00:00:46,820 --> 00:00:52,370
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

11
00:00:52,370 --> 00:00:53,710
cela comme vous le souhaitez.

12
00:00:53,750 --> 00:01:01,150
Je vais donner au conteneur de flèche une marge verticale de disons cinq, puis pour le texte d'erreur

13
00:01:01,190 --> 00:01:17,060
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

14
00:01:17,060 --> 00:01:23,980
comment est-ce que vous verrez si cela se recharge et testons cela sur Android aussi bien

15
00:01:23,980 --> 00:01:26,310
sûr pas seulement sur moi.

16
00:01:26,320 --> 00:01:29,080
Donc, si nous attendons que cela se charge sur

17
00:01:32,210 --> 00:01:39,190
Android, nous allons à l'administrateur et, malheureusement, l'émulateur Android est un peu plus lent, c'est pourquoi cela prend un peu plus

18
00:01:39,190 --> 00:01:40,200
de temps.

19
00:01:40,660 --> 00:01:44,550
Et nous ajoutons un nouveau produit ici.

20
00:01:44,570 --> 00:01:47,150
Maintenant, tout d'abord, vous devriez essayer de le soumettre comme ceci.

21
00:01:47,150 --> 00:01:49,880
Je reçois une erreur comme cela devrait être le cas.

22
00:01:50,120 --> 00:01:54,140
Et si je commence à entrer ici, je peux le faire.

23
00:01:54,170 --> 00:02:00,660
Cependant, veuillez noter qu'après avoir touché l'image et la saisir si elle n'est pas valide, j'obtiens une erreur.

24
00:02:00,820 --> 00:02:02,570
Et c'est exactement ce qui devrait être le cas.

25
00:02:02,570 --> 00:02:06,280
Je peux donc entrer tout cela.

26
00:02:06,320 --> 00:02:12,320
Maintenant, nous avons un autre problème que mon clavier chevauche les entrées de description qu'il devra résoudre.

27
00:02:12,560 --> 00:02:16,940
Tout d'abord, permettez-moi d'entrer quelque chose de valide dans toutes les autres entrées.

28
00:02:16,940 --> 00:02:21,590
Même si c'est une image invalide, vous êtes L, nous ne vérifions pas si elle est valide, vous êtes

29
00:02:21,590 --> 00:02:23,380
L ici, juste si c'est du texte.

30
00:02:23,420 --> 00:02:28,580
Donc, je ne me soucie pas de la validation exacte de vous ou de L ici,

31
00:02:28,580 --> 00:02:34,820
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

32
00:02:34,820 --> 00:02:46,250
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

33
00:02:46,250 --> 00:02:48,730
coulisses mais c'est de là qu'il vient.

34
00:02:50,510 --> 00:02:55,100
Assurons-nous maintenant que nous pouvons tous accéder à toutes les entrées et pour cela, et il avait un écran

35
00:02:55,190 --> 00:02:59,360
de produit, j'utiliserai un composant que vous avez déjà vu plus tôt dans le cours, je supprimerai

36
00:02:59,360 --> 00:03:04,850
ces deux importations dont nous n'avons plus besoin et à la place au clavier une vue élargie pour nous assurer que nous pouvons toujours

37
00:03:04,850 --> 00:03:05,860
atteindre toutes nos entrées.

38
00:03:06,110 --> 00:03:13,570
Et maintenant, le clavier évitant la vue ici peut être utilisé dans l'écran d'édition du produit qui peut

39
00:03:13,600 --> 00:03:16,210
être enroulé autour de notre

40
00:03:25,140 --> 00:03:29,970
vue de défilement comme ceci dans toute la vue de défilement.

41
00:03:30,150 --> 00:03:34,530
Et là, vous ne voudrez peut-être pas jouer avec la façon dont vous configurez sans tenir compte de ce comportement.

42
00:03:34,530 --> 00:03:39,040
Vous pouvez tous utiliser l'API de plate-forme pour utiliser un comportement différent pour différentes plates-formes.

43
00:03:39,150 --> 00:03:45,080
Tous essaieront de remplir ici et ajouteront un mot au clavier Nicole tout compenser.

44
00:03:45,090 --> 00:03:51,870
Disons que cent deux ajoutent beaucoup de rembourrage pour que nous remontions vraiment un peu toutes les entrées car là, elles

45
00:03:51,890 --> 00:03:57,750
sont plutôt grandes avec une étiquette, nous avons l'entrée elle-même qui n'est pas très petite, donc je

46
00:03:57,760 --> 00:04:00,230
veux vraiment bouger ça monte un peu.

47
00:04:00,330 --> 00:04:05,940
Et en plus et c'est important, vous devez ajouter un style ici et je vais rapidement ajouter un style en ligne

48
00:04:05,940 --> 00:04:06,360
ici.

49
00:04:06,360 --> 00:04:10,940
Bien sûr, vous pouvez également utiliser pour caler la feuille et ajouter un flex ici et c'est super important.

50
00:04:10,950 --> 00:04:15,720
Vous devez l'ajouter au clavier en évitant la vue que vous enroulez autour de votre vue

51
00:04:15,720 --> 00:04:20,730
de défilement pour avoir un effet car il doit essentiellement se réserver la taille entière de l'écran.

52
00:04:20,730 --> 00:04:27,040
Il y a une vue de défilement là-dedans et qui pourra toujours défiler, mais vous en avez également besoin maintenant avec

53
00:04:27,040 --> 00:04:33,240
cela, disons, essayez ceci sur Android, mais comme cela prend un peu de charge, je vais également jeter un

54
00:04:33,240 --> 00:04:34,610
coup d'œil à ISIS.

55
00:04:34,770 --> 00:04:40,620
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

56
00:04:40,900 --> 00:04:44,060
nous pouvons y ajouter plusieurs lignes aussi bien que vous le voyez.

57
00:04:44,160 --> 00:04:46,500
Mais maintenant, jetons un coup d'œil à notre application

58
00:04:49,000 --> 00:04:49,930
Android ici, allez

59
00:04:52,900 --> 00:04:54,370
à l'action des administrateurs là-bas

60
00:04:58,080 --> 00:05:02,950
et là-bas, si je vais à ma description ici, vous verrez que c'est maintenant déplacé vers le haut.

61
00:05:02,950 --> 00:05:11,300
Si je suis dans l'image, vous êtes en train de taper des éléments là-bas maintenant, cliquez dans la description est

62
00:05:11,300 --> 00:05:12,230
accessible maintenant.

63
00:05:12,230 --> 00:05:18,650
Alors maintenant, avec dead, nous nous assurons que nous pouvons toujours atteindre toutes les entrées, ce qui bien sûr est important dans

64
00:05:18,650 --> 00:05:19,470
une application.

65
00:05:19,490 --> 00:05:21,830
Vous voulez vous assurer que vous pouvez atteindre toutes vos entrées.

66
00:05:21,890 --> 00:05:26,540
Nous validons les données, nous les sauvegardons et nous le faisons de manière hautement réutilisable.