Herausforderung!

Jetzt bist du dran, Styling in unsere aktuelle App zu implementieren. Folge diesen Schritten:

Schritte

1. Importiere StyleSheet aus react-native;
2. Initialisiere Styles mit StyleSheet.create();
3. Gib die folgenden Klassennamen mit ihren jeweiligen Eigenschaften und Werten an:
   • container: flex: 1, justifyContent: "center", alignItems: "center", backgroundColor: "#00FFAB", flexDirection: "row",;
   • text: fontSize: 18, color: "#913f92",;
   • image: marginLeft: 10,.
4. Wende die erstellten Klassennamen auf die entsprechenden UI-Elemente an:
   • Wende container auf die View an;
   • Wende text auf die Text an;
   • Wende image auf die Image an.

Wir sollten das folgende Ergebnis sehen, nachdem diese Änderungen implementiert wurden.

Führen Sie den Befehl im Terminal aus, um das Projekt zu kopieren und mit der Herausforderung zu beginnen.

Gehen Sie zu dem erstellten Ordner, in dem sich die Projektdateien befinden.

Installieren Sie die notwendigen Pakete.

Um die App zu starten und das anfängliche Erscheinungsbild zu sehen, führen Sie den folgenden Befehl im Terminal aus:

Wenn Sie während der Implementierung der Herausforderung auf Schwierigkeiten stoßen, empfehlen wir, die folgende Aufnahme mit einer Schritt-für-Schritt-Anleitung zu überprüfen, wie alles zu tun ist. Viel Glück!

In der Praxis