Aus dem Kurs: React Native Grundkurs
Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.
Routing und Navigation implementieren – Tutorial zu React Native
Aus dem Kurs: React Native Grundkurs
Routing und Navigation implementieren
Jede App, die aus mehr als einer einzigen Ansicht besteht, benötigt ein Routing-Konzept. Ein genau solches Routing-Konzept wollen wir nun auf unserer App React Niphy anwenden. Zunächst einmal benötigen wir hierfür eine Bibliothek, die innerhalb von React Native das Routing übernehmen kann. In meinem Beispiel verwende ich React Navigation. Um React Navigation verwenden zu können, sind zunächst einmal einige Installationsschritte notwendig. Allem voran beginnt das mit der Installation von React Navigation selbst. Außerdem müssen einige andere Packages installiert werden. Ich kopiere mir zunächst einmal die Namen all dieser Packages in die Zwischenablage. In meiner Entwicklungsumgebung öffne ich nun das Terminal und benutze den Befehl yarn add. Zusätzlich zu den kopierten Packages füge ich noch React Navigation hinzu und React Navigation Stack. (kein gesprochener Text) Der Anleitung folgend muss ich noch einige Änderungen an meinem Projekt vornehmen, beispielsweise muss ich diese…
Üben mit Projektdateien
Laden Sie die Dateien herunter, die von den Trainer:innen verwendet werden. So können Sie mitlesen und durch Ansehen, Zuhören und Üben lernen.
Inhalt
-
-
-
-
-
-
(Gesperrt)
Das Projekt im Überblick4 Min. 36 Sek.
-
(Gesperrt)
Das Projekt einrichten4 Min. 53 Sek.
-
(Gesperrt)
Datenmodelle definieren8 Min. 12 Sek.
-
(Gesperrt)
Views implementieren8 Min. 34 Sek.
-
(Gesperrt)
Header mit Animationen anlegen11 Min. 11 Sek.
-
(Gesperrt)
TrendingView implementieren12 Min. 53 Sek.
-
(Gesperrt)
Ladeanimationen hinzufügen6 Min. 46 Sek.
-
(Gesperrt)
VideoView implementieren10 Min. 9 Sek.
-
(Gesperrt)
Vollbildansicht mit Geräteorientierung festlegen7 Min. 11 Sek.
-
(Gesperrt)
Daten und Logik verknüpfen6 Min. 58 Sek.
-
(Gesperrt)
Routing und Navigation implementieren5 Min. 59 Sek.
-
(Gesperrt)
App unter iOS starten2 Min. 33 Sek.
-
(Gesperrt)