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.

Views implementieren

Views implementieren – Tutorial zu React Native

Aus dem Kurs: React Native Grundkurs

Gratismonat starten Für Ihr Team erwerben

Views implementieren

“

Eine React Native-App besteht im Wesentlichen aus Daten und Views, die diese anzeigen. Für unsere reactNiphy-App werden wir im Rahmen dieses Videos die Views definieren, die nötig sind, um unsere Daten anzuzeigen. Wir beginnen also, in unserem Projekt zunächst einmal einen Ordner mit dem Namen views anzulegen und innerhalb dessen einen Ordner für die trendingView. In diesem Ordner definieren wir unsere TrendingView.tsx. Wir entscheiden uns hier für eine Ordnerstruktur, da wir weitere Dateien einplanen, die sich innerhalb der TrendingView befinden. Das Gleiche nun für die videoView und auch dort gibt es eine VideoView.tsx. Für beide Views definieren wir zunächst einmal ein Skeleton. Das bedeutet also, wir benötigen sowohl den React Import als auch Props. In unserer TrendingView nennen wir das Ganze TrendingViewProps und die Erwartungshaltung hier ist, dass trendingVideos übergeben werden vom Typ Video. Dazu passend eine Functional Component mit dem Namen TrendingView. Diese ist vom Typ…

Inhalt