Ein wesentlicher Bestandteil von
React Native sind diese Komponenten, die in React
Native integriert sind, da es sich, wie Sie im ersten Abschnitt dieses Kurses erfahren
haben, um spezielle Komponenten handelt, für die React Native übersetzt und in Native-Plattform-Widgets und Sie kompiliert werden kann können solche
Komponenten nur in React Native-Apps verwenden.
Sie können Ihre eigenen Komponenten erstellen, aber diese müssen dann auch am Ende aus diesen integrierten
Komponenten
bestehen. Sie können keine Divs oder Absätze oder ähnliches verwenden.
Wir müssen also mit denen arbeiten, die in React Native integriert sind, da React Native dort
weiß, wie man sie übersetzt, und dort haben wir Dinge wie Ansicht, Text, Schaltfläche, berührbare Texteingabe, Bild,
dies sind einige der Komponenten, die Sie sehen werden
Während dieses Kurses gibt es mehr und wir werden viele davon im Verlauf des
Kurses sehen und Sie werden lernen, wie man mit diesen arbeitet, wie man sie konfiguriert und wie man mit Hilfe dieser Komponenten nette Benutzeroberflächen erstellt.
Jetzt erstellen Sie, wie ich gerade erwähnte, natürlich Ihre Benutzeroberflächen, Ihre benutzerdefinierten Komponenten mit Hilfe
dieser integrierten Komponenten hier, sodass Sie Ihre Benutzeroberfläche, Ihre Komponenten aus diesen integrierten Komponenten dort zusammenstellen und
es sieht ungefähr so aus . Sie erstellen Ihre eigene my title-Komponente, indem Sie die integrierten Komponenten
mischen und zusammenfügen, um das gewünschte Aussehen oder die gewünschte Komponente zu erhalten. Das Styling ist auch ein wichtiger
Bestandteil von React Native-Apps. Daher ist es wichtig zu verstehen, dass React
Native keine Webtechnologien verwendet, kein HTML verwendet, wohl Javascript verwendet, aber kein HTML verwendet
und auch kein HTML verwendet CSS, also CSS, das Sie für das Styling im Web
verwenden, wird in React Native nicht unterstützt, bietet Ihnen jedoch Styling-Befehle und eine Styling-Konfiguration, die Sie Ihren Komponenten hinzufügen
können, also zu diesen Komponenten, die entweder mithilfe von Inline in React Native
integriert sind Stile oder mit sogenannten Stylesheet-Objekten und dort schreiben Sie diese Stilanweisungen in Javascript,
verwenden jedoch eine Syntax, die auf CSS basiert. Es ist also nicht direkt mit CSS verbunden, aber natürlich wird es
von CSS beeinflusst. Viele der Anweisungen, die Sie hier verwenden, sind von CSS inspiriert, und viele der Regeln oder Eigenschaften, die Sie von CSS
kennen, funktionieren auch hier in Javascript in Ihrer React Native-App . In Bezug auf die Sache mit Inline-Stilen und
Stylesheet-Objekten werde ich beides zeigen, aber ich werde bereits sagen, dass die Verwendung von Stylesheet-Objekten bevorzugt
wird, aber ich werde darauf zurückkommen, sobald wir es verwenden.
Und jetzt, da wir ungefähr wissen, was mit Komponenten und Styling los ist, warum fangen
wir nicht einfach an und beginnen mit diesen Dingen zu arbeiten?