1 00:00:02,370 --> 00:00:04,560 Ein wesentlicher Bestandteil von 2 00:00:04,680 --> 00:00:07,900 React Native sind diese Komponenten, die in React 3 00:00:07,920 --> 00:00:13,340 Native integriert sind, da es sich, wie Sie im ersten Abschnitt dieses Kurses erfahren 4 00:00:13,350 --> 00:00:21,420 haben, um spezielle Komponenten handelt, für die React Native übersetzt und in Native-Plattform-Widgets und Sie kompiliert werden kann können solche 5 00:00:21,420 --> 00:00:23,730 Komponenten nur in React Native-Apps verwenden. 6 00:00:23,790 --> 00:00:29,070 Sie können Ihre eigenen Komponenten erstellen, aber diese müssen dann auch am Ende aus diesen integrierten 7 00:00:29,190 --> 00:00:29,910 Komponenten 8 00:00:30,000 --> 00:00:33,390 bestehen. Sie können keine Divs oder Absätze oder ähnliches verwenden. 9 00:00:33,600 --> 00:00:38,550 Wir müssen also mit denen arbeiten, die in React Native integriert sind, da React Native dort 10 00:00:38,550 --> 00:00:43,640 weiß, wie man sie übersetzt, und dort haben wir Dinge wie Ansicht, Text, Schaltfläche, berührbare Texteingabe, Bild, 11 00:00:43,650 --> 00:00:46,620 dies sind einige der Komponenten, die Sie sehen werden 12 00:00:46,620 --> 00:00:51,150 Während dieses Kurses gibt es mehr und wir werden viele davon im Verlauf des 13 00:00:51,150 --> 00:00:58,620 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. 14 00:00:58,620 --> 00:01:04,500 Jetzt erstellen Sie, wie ich gerade erwähnte, natürlich Ihre Benutzeroberflächen, Ihre benutzerdefinierten Komponenten mit Hilfe 15 00:01:04,500 --> 00:01:11,130 dieser integrierten Komponenten hier, sodass Sie Ihre Benutzeroberfläche, Ihre Komponenten aus diesen integrierten Komponenten dort zusammenstellen und 16 00:01:11,160 --> 00:01:16,830 es sieht ungefähr so aus . Sie erstellen Ihre eigene my title-Komponente, indem Sie die integrierten Komponenten 17 00:01:16,830 --> 00:01:23,520 mischen und zusammenfügen, um das gewünschte Aussehen oder die gewünschte Komponente zu erhalten. Das Styling ist auch ein wichtiger 18 00:01:23,520 --> 00:01:28,770 Bestandteil von React Native-Apps. Daher ist es wichtig zu verstehen, dass React 19 00:01:28,860 --> 00:01:35,070 Native keine Webtechnologien verwendet, kein HTML verwendet, wohl Javascript verwendet, aber kein HTML verwendet 20 00:01:35,070 --> 00:01:41,580 und auch kein HTML verwendet CSS, also CSS, das Sie für das Styling im Web 21 00:01:41,580 --> 00:01:50,010 verwenden, wird in React Native nicht unterstützt, bietet Ihnen jedoch Styling-Befehle und eine Styling-Konfiguration, die Sie Ihren Komponenten hinzufügen 22 00:01:50,010 --> 00:01:55,740 können, also zu diesen Komponenten, die entweder mithilfe von Inline in React Native 23 00:01:55,830 --> 00:02:02,580 integriert sind Stile oder mit sogenannten Stylesheet-Objekten und dort schreiben Sie diese Stilanweisungen in Javascript, 24 00:02:02,580 --> 00:02:09,990 verwenden jedoch eine Syntax, die auf CSS basiert. Es ist also nicht direkt mit CSS verbunden, aber natürlich wird es 25 00:02:10,170 --> 00:02:17,310 von CSS beeinflusst. Viele der Anweisungen, die Sie hier verwenden, sind von CSS inspiriert, und viele der Regeln oder Eigenschaften, die Sie von CSS 26 00:02:17,310 --> 00:02:24,420 kennen, funktionieren auch hier in Javascript in Ihrer React Native-App . In Bezug auf die Sache mit Inline-Stilen und 27 00:02:24,420 --> 00:02:30,810 Stylesheet-Objekten werde ich beides zeigen, aber ich werde bereits sagen, dass die Verwendung von Stylesheet-Objekten bevorzugt 28 00:02:30,840 --> 00:02:34,800 wird, aber ich werde darauf zurückkommen, sobald wir es verwenden. 29 00:02:34,910 --> 00:02:39,450 Und jetzt, da wir ungefähr wissen, was mit Komponenten und Styling los ist, warum fangen 30 00:02:39,550 --> 00:02:43,220 wir nicht einfach an und beginnen mit diesen Dingen zu arbeiten?