1 00:00:02,450 --> 00:00:06,590 Für diese Fehlermeldung in der Eingabekomponente erhalten wir den Text von außen. 2 00:00:06,620 --> 00:00:09,240 Aber ich möchte den Stil von innen steuern. 3 00:00:09,260 --> 00:00:16,730 Am Ende werde ich diesen Text hier in eine Ansichtskomponente einbinden, um einfach mehr Stiloptionen zu haben, die 4 00:00:16,730 --> 00:00:26,180 Sie sagen und hier einen Stil für Luft oder Behälter zuweisen können, und auf dem Text selbst weisen alle einen Stil für Luft 5 00:00:26,180 --> 00:00:31,910 oder Text zu, aber diese Bezeichner wie immer liegt es ganz bei dir. 6 00:00:31,910 --> 00:00:36,230 Ich möchte es auch nicht immer so anzeigen, als ob es ungültig wäre, sondern ich möchte 7 00:00:36,350 --> 00:00:39,800 es stattdessen anzeigen, wenn es ungültig ist und diese Eingabe berührt wurde. 8 00:00:39,800 --> 00:00:44,750 Deshalb verwalte ich diesen berührten Zustand so, dass der Benutzer zumindest die Möglichkeit hat, etwas 9 00:00:44,870 --> 00:00:46,780 einzugeben, bevor ich ihn anschreie. 10 00:00:46,820 --> 00:00:52,370 Jetzt können Luftbehälter und Fehlertext hinzugefügt werden, und natürlich können Sie dies auf jede 11 00:00:52,370 --> 00:00:53,710 gewünschte Weise blockieren. 12 00:00:53,750 --> 00:01:01,150 Ich werde dem Pfeilcontainer einen vertikalen Rand von sagen wir fünf geben und dann für den Fehlertext 13 00:01:01,190 --> 00:01:17,060 hier noch einmal bis zu Ihnen eine lustige Familie von offenem Sand hier eine Farbe von Rot vielleicht und eine Schriftgröße von 14 zuweisen, um ihm eine zu geben ein bisschen kleiner oder 13 und wie ist das, 14 00:01:17,060 --> 00:01:23,980 was Sie sehen werden, wenn dies neu geladen wird und wir dies auch auf Android testen, 15 00:01:23,980 --> 00:01:26,310 natürlich nicht nur auf I. 16 00:01:26,320 --> 00:01:29,080 Wenn wir also darauf warten, dass dies 17 00:01:32,210 --> 00:01:39,190 auf Android geladen wird, gehen wir zu admin und leider ist der Android-Emulator etwas langsamer, weshalb dies etwas 18 00:01:39,190 --> 00:01:40,200 länger dauert. 19 00:01:40,660 --> 00:01:44,550 Und hier fügen wir ein neues Produkt hinzu. 20 00:01:44,570 --> 00:01:47,150 Nun würden Sie zunächst versuchen, es so einzureichen. 21 00:01:47,150 --> 00:01:49,880 Ich erhalte eine Fehlermeldung, wie es der Fall sein sollte. 22 00:01:50,120 --> 00:01:54,140 Und wenn ich hier anfange einzutreten, kann ich das tun. 23 00:01:54,170 --> 00:02:00,660 Bitte beachten Sie jedoch, dass nach einer Berührung des Bildes und der Eingabe, wenn es ungültig ist, eine Fehlermeldung angezeigt wird. 24 00:02:00,820 --> 00:02:02,570 Und genau so sollte es sein. 25 00:02:02,570 --> 00:02:06,280 Also kann ich das alles eingeben. 26 00:02:06,320 --> 00:02:12,320 Jetzt haben wir ein weiteres Problem, bei dem meine Tastatur die Beschreibungseingaben überlappt, um dies zu beheben. 27 00:02:12,560 --> 00:02:16,940 Lassen Sie mich zunächst etwas Gültiges in alle anderen Eingaben eingeben. 28 00:02:16,940 --> 00:02:21,590 Selbst wenn es sich um ein ungültiges Bild handelt, sind Sie L. Wir prüfen nicht, ob es gültig ist. Sie sind L hier, 29 00:02:21,590 --> 00:02:23,380 nur ob es sich überhaupt um Text handelt. 30 00:02:23,420 --> 00:02:28,580 Die genaue Sie- oder L-Validierung ist mir hier natürlich egal. Sie können hierfür 31 00:02:28,580 --> 00:02:34,820 natürlich eine Überprüfung auf reguläre Ausdrücke hinzufügen. Jetzt gebe ich nur noch eine gültige Eingabe in 32 00:02:34,820 --> 00:02:46,250 all diese Felder ein. Wenn ich danach auf Speichern drücke, wird diese gespeichert und kann auch hier unten gefunden werden und es hat hier zwei hinter den Kulissen geschaffen, 33 00:02:46,250 --> 00:02:48,730 aber hier kommt es her. 34 00:02:50,510 --> 00:02:55,100 Lassen Sie uns jetzt sicherstellen, dass wir alle Eingaben erreichen können, und dafür hatte er einen Produktbildschirm. Ich 35 00:02:55,190 --> 00:02:59,360 werde eine Komponente verwenden, die Sie bereits früher im Kurs gesehen haben. Ich werde diese beiden 36 00:02:59,360 --> 00:03:04,850 Importe entfernen, die wir nicht mehr benötigen und stattdessen an der Tastatur eine erweiterte Ansicht, um sicherzustellen, dass wir immer alle unsere 37 00:03:04,850 --> 00:03:05,860 Eingaben erreichen können. 38 00:03:06,110 --> 00:03:13,570 Und jetzt kann die Tastaturvermeidungsansicht hier im Bildschirm zum Bearbeiten des Produkts verwendet werden, 39 00:03:13,600 --> 00:03:16,210 der so um unsere 40 00:03:25,140 --> 00:03:29,970 Bildlaufansicht um die gesamte Bildlaufansicht gewickelt werden kann. 41 00:03:30,150 --> 00:03:34,530 Und dort möchten Sie vielleicht nicht damit herumspielen, wie Sie dieses Verhalten ignorieren. 42 00:03:34,530 --> 00:03:39,040 Sie können alle die Plattform-API verwenden, um ein unterschiedliches Verhalten für verschiedene Plattformen zu verwenden. 43 00:03:39,150 --> 00:03:45,080 Alle werden versuchen, hier aufzufüllen und ein Tastaturwort hinzuzufügen, das Nicole alle versetzt. 44 00:03:45,090 --> 00:03:51,870 Nehmen wir an, einhundertzwei fügen viel Polsterung hinzu, so dass wir wirklich alle Eingaben ziemlich weit nach oben verschieben, da sie 45 00:03:51,890 --> 00:03:57,750 dort ziemlich groß sind und wir eine Beschriftung haben, dass die Eingabe selbst nicht sehr klein ist, also 46 00:03:57,760 --> 00:04:00,230 möchte ich definitiv verschieben es ziemlich viel. 47 00:04:00,330 --> 00:04:05,940 Und außerdem, und das ist wichtig, müssen Sie hier einen Stil hinzufügen, und ich werde hier schnell einen Inline-Stil 48 00:04:05,940 --> 00:04:06,360 hinzufügen. 49 00:04:06,360 --> 00:04:10,940 Natürlich können Sie hier auch Bleche blockieren und Flex One hinzufügen, und das ist super wichtig. 50 00:04:10,950 --> 00:04:15,720 Sie müssen dies zur Tastatur hinzufügen, um eine Ansicht zu vermeiden, die Sie um Ihre Bildlaufansicht 51 00:04:15,720 --> 00:04:20,730 wickeln, um einen Effekt zu erzielen, da grundsätzlich die gesamte Bildschirmgröße für sich selbst reserviert werden muss. 52 00:04:20,730 --> 00:04:27,040 Es gibt dort eine Bildlaufansicht, die immer noch gescrollt werden kann, aber das brauchen Sie jetzt auch. Nehmen wir 53 00:04:27,040 --> 00:04:33,240 an, Sie probieren dies auf Android aus, aber da dies ein bisschen viel Last kostet, werde ich mir auch 54 00:04:33,240 --> 00:04:34,610 schnell ISIS ansehen. 55 00:04:34,770 --> 00:04:40,620 Und dort sehen Sie, dass Sie immer noch scrollen können. Leider entspricht Ihre Tastatur nicht einmal unserer Beschreibung, da 56 00:04:40,900 --> 00:04:44,060 wir dort so gut wie Sie mehrere Zeilen hinzufügen können. 57 00:04:44,160 --> 00:04:46,500 Aber jetzt schauen wir uns unsere Android-App hier 58 00:04:49,000 --> 00:04:49,930 an. Gehen Sie 59 00:04:52,900 --> 00:04:54,370 zur Admins-Aktion dort und dort, 60 00:04:58,080 --> 00:05:02,950 wenn ich zu meiner Beschreibung hier gehe, werden Sie sehen, dass dies jetzt nach oben verschoben ist. 61 00:05:02,950 --> 00:05:11,300 Wenn ich auf dem Bild bin, tippst du El ein paar Sachen dort, jetzt klick in Beschreibung, ist 62 00:05:11,300 --> 00:05:12,230 jetzt erreichbar. 63 00:05:12,230 --> 00:05:18,650 Jetzt mit Dead stellen wir sicher, dass wir immer alle Eingaben erreichen können, was natürlich in einer Anwendung 64 00:05:18,650 --> 00:05:19,470 wichtig ist. 65 00:05:19,490 --> 00:05:21,830 Sie möchten sicherstellen, dass Sie alle Ihre Eingaben erreichen können. 66 00:05:21,890 --> 00:05:26,540 Wir validieren die Daten, die wir speichern, und dies auf höchst wiederverwendbare Weise.