Mit all dem in diesem Modul haben Sie viel darüber gelernt, wie Sie mit React Native echte Apps erstellen.
Sie haben viel über die eingebauten Komponenten gelernt,
Sie haben viel über das Styling gelernt und wie Sie die Dinge so
gestalten, wie
Sie es möchten und wie Sie die Dinge so gestalten, wie Sie es möchten, und auch, wie sich das Styling
zwischen einigen Komponenten unterscheidet, zum Beispiel
Bei Textkomponenten ist das Styling bis zu einem gewissen Grad kaskadiert, sodass Stile dort in verschachtelten
Stilen vererbt werden. Dies nutzen wir im Spiel über dem Bildschirm, aber bei allen anderen Komponenten wie der Ansicht die Stile, die Sie
darauf anwenden gelten wirklich nur für diese Ansicht und kaskadieren nicht, werden nicht mit verschachtelten untergeordneten Ansichten geteilt.
Sie haben auch gelernt, wie Sie gängige Stile verwenden können, z. B. mit benutzerdefinierten Komponenten, wie z. B.
unserem Textkörper, der eine allgemeine Schriftfamilie einrichtet, sodass wir anstelle des integrierten Textes Text verwenden können, wenn
wir Text mit dieser Schriftfamilie möchten.
Natürlich ist dies ein Konzept, das Sie für jedes gewünschte gemeinsame Styling verwenden können,
so wie wir es auch für die Art von Karte tun, bei der wir eine prestigeträchtige Ansicht haben, um uns diesen schönen
Kartenlook mit einem kleinen Schatten zu verleihen.
Sie haben auch gelernt, wie Sie einige Themen mit Konstanten einrichten können, die Sie in verschiedene Dateien
importieren können, sowohl für Farben hier als auch bei Bedarf, für Textstile oder für jeden anderen Stil, den Sie komponentenübergreifend teilen
möchten, damit Sie ihn nicht verwenden. Sie müssen es nicht ständig neu schreiben, insbesondere in Fällen, in denen Sie
dies nicht möchten oder in denen Sie keine separaten Komponenten erstellen können,
wie wir dies beispielsweise für die Schriftfamilie tun.
Wenn dies also nicht möglich ist, was im Fall der Farben schwierig gewesen
wäre, weil wir Farben an allen möglichen Orten benötigen, dann sind solche gemeinsamen Stile oder gemeinsamen Konstanten eine großartige Möglichkeit,
und im Allgemeinen hoffe ich, dass Sie ein Gefühl dafür bekommen, wie Sie sind Erstellen Sie Benutzeroberflächen
mit integrierten Komponenten und mit Ihren eigenen benutzerdefinierten Komponenten, die dann auf den integrierten Komponenten aufbauen,
und wie Sie daher nette React Native-Anwendungen erstellen können.
Wir haben uns einige Kernkomponenten angesehen und daher möchte ich Ihnen auch eine kurze Zusammenfassung darüber geben, was
Sie hier über diese Komponenten gelernt haben.
Die wahrscheinlich wichtigste Komponente ist die Ansicht, bei der es sich um einen Container
handelt, den Sie um andere Komponenten wickeln, um diese Komponenten dann anzuordnen oder bestimmte Containerstile wie Schatten,
Rahmen, Hintergrundfarbe usw. hinzuzufügen. Genauso wichtig
ist die Textkomponente, die Sie für die Textausgabe verwenden.
Sie können Text auch in Text verschachteln, in dem sogar ein Stil geteilt wird, und Sie können im Allgemeinen steuern,
wie Text ausgegeben werden soll, ob er sich selbst umbrechen soll, was die Standardeinstellung ist, oder ob nur eine
oder zwei Zeilen
ausgegeben werden sollen, und dort befindet sich die Textkomponente hilft Ihnen wirklich dabei, diese wertvollen Informationen an Ihre Benutzer auszugeben.
Jetzt möchten Sie manchmal nicht nur Informationen ausgeben, sondern auch Informationen abrufen. Hierzu
kann die Texteingabe hilfreich sein.
Jetzt werden wir uns später im Kurs eingehender mit dem Abrufen von Benutzereingaben befassen. Sie haben jedoch bereits einen ersten Blick darauf geworfen, wie
Sie sie formatieren und konfigurieren können und wie Sie sicherstellen können, dass Sie die richtigen Eingaben erhalten und dass Sie es sind Wenn
Sie die Eingabe validieren, arbeiten Sie wirklich nur mit der Eingabe, die Sie benötigen. Wenn wir jetzt von Benutzereingaben sprechen, ist die Schaltfläche
natürlich auch eine entscheidende Komponente, sei es die integrierte Schaltfläche
oder Ihre eigene Schaltfläche, die Sie mit den berührbaren Komponenten erstellen können, die ebenfalls sehr
wichtig sind und in denen Sie
Listen von ausgeben müssen Daten haben Sie etwas über FlatList und die Bildlaufansicht gelernt, wobei der Hauptunterschied darin
besteht, dass FlatList für sehr lange Listen oder Listen optimiert ist, bei denen Sie nicht wirklich wissen,
wie lang sie sein werden, sie aber möglicherweise sehr lang sind,
während die Bildlaufansicht ideal ist Jeder andere scrollbare Inhalt, der nicht unendlich lang ist, bei dem Sie sicherlich über die Grenzen
des Bildschirms hinausgehen, aber nicht zu viel zusätzlichen Inhalt, denn wenn all dieser zusätzliche Inhalt gerendert wird, ohne dass
er verwendet wird, ohne dass er für ihn sichtbar ist der Benutzer, dann verschwenden Sie Leistung und hier
kommt
FlatList ins Spiel, weil dadurch
nur das gerendert wird, was der Benutzer wirklich sehen kann.
Apropos, was der Benutzer sehen kann. In diesem Modul haben Sie auch gelernt, wie Sie Ihre eigenen benutzerdefinierten Schriftarten hinzufügen. Manchmal benötigen
Sie keine Schriftart, sondern ein Bild. Außerdem haben Sie gelernt, wie Sie dies
tun und wie Sie sowohl lokale als auch Netzwerk-Schriftarten einbeziehen Bilder und wie Sie diese Bilder so gestalten können, dass sie gut aussehen.
Apropos Styling: Hierfür verwenden wir das Stylesheet, das keine Komponente, sondern eine Klasse oder
ein Objekt von React
Native ist. Der Vorteil der Verwendung dieses Stylesheets besteht nicht nur darin, dass Sie Ihre Styles
aus dem jsx-Code herausholen Sie möchten relativ schlank und kurz und prägnant bleiben, erhalten aber auch eine automatische
Validierung Ihrer Stile und React Native informiert Sie, wenn Sie einen Stil falsch verwenden, und
dass Sie in Zukunft möglicherweise zusätzliche Leistungsoptimierungen erhalten. Aus diesem Grund können wir Sie nur ermutigen, diesen Abschnitt
im Auge
zu behalten, ihn vielleicht ein zweites Mal durchzugehen und ihn als Grundlage für Ihren weiteren Kursfortschritt zu verwenden, in dem wir
alle diese Komponenten verwenden, mit denen wir gearbeitet haben, und in denen wir mehr schreiben werden Stile, in denen
wir komplexere Benutzeroberflächen erstellen und in denen Sie diese Grundlagen, die Sie im zweiten und in diesem Kursmodul
gelernt haben, wirklich benötigen, um dann erstaunliche React Native-Anwendungen zu erstellen.
Also lasst uns weitermachen.