Für diese Fehlermeldung in der Eingabekomponente erhalten wir den Text von außen.
Aber ich möchte den Stil von innen steuern.
Am Ende werde ich diesen Text hier in eine Ansichtskomponente einbinden, um einfach mehr Stiloptionen zu haben, die
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
oder Text zu, aber diese Bezeichner wie immer liegt es ganz bei dir.
Ich möchte es auch nicht immer so anzeigen, als ob es ungültig wäre, sondern ich möchte
es stattdessen anzeigen, wenn es ungültig ist und diese Eingabe berührt wurde.
Deshalb verwalte ich diesen berührten Zustand so, dass der Benutzer zumindest die Möglichkeit hat, etwas
einzugeben, bevor ich ihn anschreie.
Jetzt können Luftbehälter und Fehlertext hinzugefügt werden, und natürlich können Sie dies auf jede
gewünschte Weise blockieren.
Ich werde dem Pfeilcontainer einen vertikalen Rand von sagen wir fünf geben und dann für den Fehlertext
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,
was Sie sehen werden, wenn dies neu geladen wird und wir dies auch auf Android testen,
natürlich nicht nur auf I.
Wenn wir also darauf warten, dass dies
auf Android geladen wird, gehen wir zu admin und leider ist der Android-Emulator etwas langsamer, weshalb dies etwas
länger dauert.
Und hier fügen wir ein neues Produkt hinzu.
Nun würden Sie zunächst versuchen, es so einzureichen.
Ich erhalte eine Fehlermeldung, wie es der Fall sein sollte.
Und wenn ich hier anfange einzutreten, kann ich das tun.
Bitte beachten Sie jedoch, dass nach einer Berührung des Bildes und der Eingabe, wenn es ungültig ist, eine Fehlermeldung angezeigt wird.
Und genau so sollte es sein.
Also kann ich das alles eingeben.
Jetzt haben wir ein weiteres Problem, bei dem meine Tastatur die Beschreibungseingaben überlappt, um dies zu beheben.
Lassen Sie mich zunächst etwas Gültiges in alle anderen Eingaben eingeben.
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,
nur ob es sich überhaupt um Text handelt.
Die genaue Sie- oder L-Validierung ist mir hier natürlich egal. Sie können hierfür
natürlich eine Überprüfung auf reguläre Ausdrücke hinzufügen. Jetzt gebe ich nur noch eine gültige Eingabe in
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,
aber hier kommt es her.
Lassen Sie uns jetzt sicherstellen, dass wir alle Eingaben erreichen können, und dafür hatte er einen Produktbildschirm. Ich
werde eine Komponente verwenden, die Sie bereits früher im Kurs gesehen haben. Ich werde diese beiden
Importe entfernen, die wir nicht mehr benötigen und stattdessen an der Tastatur eine erweiterte Ansicht, um sicherzustellen, dass wir immer alle unsere
Eingaben erreichen können.
Und jetzt kann die Tastaturvermeidungsansicht hier im Bildschirm zum Bearbeiten des Produkts verwendet werden,
der so um unsere
Bildlaufansicht um die gesamte Bildlaufansicht gewickelt werden kann.
Und dort möchten Sie vielleicht nicht damit herumspielen, wie Sie dieses Verhalten ignorieren.
Sie können alle die Plattform-API verwenden, um ein unterschiedliches Verhalten für verschiedene Plattformen zu verwenden.
Alle werden versuchen, hier aufzufüllen und ein Tastaturwort hinzuzufügen, das Nicole alle versetzt.
Nehmen wir an, einhundertzwei fügen viel Polsterung hinzu, so dass wir wirklich alle Eingaben ziemlich weit nach oben verschieben, da sie
dort ziemlich groß sind und wir eine Beschriftung haben, dass die Eingabe selbst nicht sehr klein ist, also
möchte ich definitiv verschieben es ziemlich viel.
Und außerdem, und das ist wichtig, müssen Sie hier einen Stil hinzufügen, und ich werde hier schnell einen Inline-Stil
hinzufügen.
Natürlich können Sie hier auch Bleche blockieren und Flex One hinzufügen, und das ist super wichtig.
Sie müssen dies zur Tastatur hinzufügen, um eine Ansicht zu vermeiden, die Sie um Ihre Bildlaufansicht
wickeln, um einen Effekt zu erzielen, da grundsätzlich die gesamte Bildschirmgröße für sich selbst reserviert werden muss.
Es gibt dort eine Bildlaufansicht, die immer noch gescrollt werden kann, aber das brauchen Sie jetzt auch. Nehmen wir
an, Sie probieren dies auf Android aus, aber da dies ein bisschen viel Last kostet, werde ich mir auch
schnell ISIS ansehen.
Und dort sehen Sie, dass Sie immer noch scrollen können. Leider entspricht Ihre Tastatur nicht einmal unserer Beschreibung, da
wir dort so gut wie Sie mehrere Zeilen hinzufügen können.
Aber jetzt schauen wir uns unsere Android-App hier
an. Gehen Sie
zur Admins-Aktion dort und dort,
wenn ich zu meiner Beschreibung hier gehe, werden Sie sehen, dass dies jetzt nach oben verschoben ist.
Wenn ich auf dem Bild bin, tippst du El ein paar Sachen dort, jetzt klick in Beschreibung, ist
jetzt erreichbar.
Jetzt mit Dead stellen wir sicher, dass wir immer alle Eingaben erreichen können, was natürlich in einer Anwendung
wichtig ist.
Sie möchten sicherstellen, dass Sie alle Ihre Eingaben erreichen können.
Wir validieren die Daten, die wir speichern, und dies auf höchst wiederverwendbare Weise.