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.

Styled-Components anwenden

Styled-Components anwenden – Tutorial zu React Native

Aus dem Kurs: React Native Grundkurs

Gratismonat starten Für Ihr Team erwerben

Styled-Components anwenden

“

Eine sehr häufig verwendete Variante zum Design von Apps in React Native ist die Bibliothek Styled-Components. Und wie genau sich Styled-Components in einer React Native-Anwendung integriert möchte ich Ihnen in den nächsten Minuten zeigen. Ich beginne mit einer einfachen leeren App und einem grauen Hintergrund. Ich installiere in dem Projekt die Abhängigkeit Styled-Components. (kein gesprochener Text) (kein gesprochener Text) Außerdem, da ich TypeScript verwende, installiere ich zusätzlich die Typen für Styled-Components. (kein gesprochener Text) (kein gesprochener Text) Als Nächstes erstelle ich nun eine neue View, und zwar auf Basis von Styled-Components. Das Ganze tut man in Form der Definition einer neuen Komponente, in meinem Fall ViewExample. Als nächstes verwendet man die styled-Funktion und importiert diese aus styled-components/native. Dort findet man einige der Standardkomponenten von React Native. Ich verwende nun also die View. Mit Backticks definiert man nun ein…

Inhalt