1 00:00:02,200 --> 00:00:09,160 Was Sie in diesem Modul gesehen haben und was für React Native-Apps typisch ist, ist, dass Sie 2 00:00:09,160 --> 00:00:10,810 viel selbst stylen müssen. 3 00:00:10,810 --> 00:00:12,460 Die Schaltfläche ist eine seltene 4 00:00:12,460 --> 00:00:17,740 Ausnahme, die integrierte Schaltfläche, die Ihnen automatisch ein grundlegendes Styling verleiht und sich sogar an die zugrunde 5 00:00:17,740 --> 00:00:19,330 liegende Plattform anpasst. Ansonsten müssen 6 00:00:19,330 --> 00:00:22,650 Sie wirklich alles selbst gestalten, sei es eine Texteingabe Sei es 7 00:00:22,660 --> 00:00:24,140 diese Ausgabe, sei es der 8 00:00:24,180 --> 00:00:25,220 Text hier 9 00:00:25,230 --> 00:00:27,910 oder benutzerdefinierte Schaltflächen, Sie müssen in React Native 10 00:00:27,970 --> 00:00:33,340 viel manuelles Styling und Komponentenerstellung durchführen, da React Native Ihnen nur diese rohen Grundelemente zur Verfügung stellt, 11 00:00:33,340 --> 00:00:39,130 mit denen Sie arbeiten können, nur die Ansicht des Textes und so weiter und Sie müssen sie an Ihre 12 00:00:39,130 --> 00:00:42,350 Anforderungen und an das Erscheinungsbild anpassen, das Sie erreichen möchten. 13 00:00:43,250 --> 00:00:49,090 Jetzt hat React Native auch eine aktive Community und dort wurden einige nette Pakete von 14 00:00:49,090 --> 00:00:55,360 Drittanbietern erstellt, die im Wesentlichen Sammlungen vorgefertigter Komponenten sind, die manchmal sogar ihr Aussehen ändern, abhängig 15 00:00:55,360 --> 00:01:01,030 von der Plattform, auf der sie ausgeführt werden, manchmal nicht, aber welche Geben Sie 16 00:01:01,030 --> 00:01:05,020 immer einige vorgefertigte Komponenten an, die Sie verwenden können. Daher 17 00:01:05,020 --> 00:01:09,760 sollten Sie sich diese ansehen, wenn Sie eine App erstellen, wenn Sie 18 00:01:10,030 --> 00:01:16,270 vermeiden möchten, alle diese Stile selbst einzurichten, wenn Sie keine eigenen haben Eine strenge Corporate Identity 19 00:01:16,270 --> 00:01:18,230 oder Ihr eigenes detailliertes 20 00:01:18,370 --> 00:01:25,090 Erscheinungsbild, das Sie bis ins kleinste Detail optimieren müssen. In solchen Fällen finden Sie im Anhang einen 21 00:01:25,090 --> 00:01:33,610 Link zu diesem Dokument aus den Expo-Dokumenten, in denen Sie einige Beispiele für beliebte UI-Kits von Drittanbietern und UI-Komponentenbibliotheken finden Diese können 22 00:01:33,880 --> 00:01:41,880 Sie Ihrem React Native-Projekt hinzufügen, das auch in mit expo erstellten React Native-Projekten funktioniert, um auf einfache Weise vorgefertigte Komponenten zu 23 00:01:42,000 --> 00:01:49,470 erhalten, die Sie in Ihr Projekt einfügen können. Auf den Seiten dieser Projekte sehen Sie auch eine Vorschau, wie 24 00:01:49,470 --> 00:01:54,720 dies aussehen würde, welchen Stil diese vorgefertigten Komponenten haben und wie sie funktionieren. Sie können 25 00:01:54,720 --> 00:02:02,080 jederzeit in die Dokumente dieser Pakete eintauchen, um herauszufinden, welche Komponenten sie Ihnen beispielsweise geben und ob das etwas ist, das 26 00:02:02,080 --> 00:02:04,820 für dich interessant sein könnte oder nicht. 27 00:02:04,840 --> 00:02:11,410 Das Auschecken dieser UI-Kits kann sich also lohnen, da Sie dadurch bestimmte Elemente wie vorgefertigte Schaltflächen, vorgefertigte 28 00:02:11,410 --> 00:02:17,980 Textfelder und was auch immer erhalten, die so aussehen und sich so anfühlen, wie Ihre App aussehen 29 00:02:17,980 --> 00:02:22,900 und sich anfühlen soll und welche Dann sparen Sie natürlich die Zeit, 30 00:02:22,930 --> 00:02:29,260 diese Komponenten selbst zu erstellen, da Sie diese Bibliothek dann einfach zu Ihrem Projekt hinzufügen, installieren 31 00:02:29,260 --> 00:02:33,070 und natürlich auch auf diesen Seiten immer Installationsanweisungen finden. 32 00:02:33,070 --> 00:02:39,970 Sie installieren also eine solche Bibliothek in Ihrem Projekt und müssen am Ende nur 33 00:02:40,000 --> 00:02:45,100 die benötigten Komponenten in Ihre Komponentendateien importieren und verwenden. 34 00:02:45,130 --> 00:02:46,350 Das ist wirklich einfach, 35 00:02:46,350 --> 00:02:51,540 das ist eine schöne Alternative, um alles selbst zu erstellen, und es hängt natürlich davon ab, was Sie in Ihrer App benötigen, 36 00:02:51,550 --> 00:02:55,830 aber solche Kits gibt es, und deshalb lohnt es sich auf jeden Fall, einen Blick darauf zu werfen.