LS2.1_AM8 - Kreative Übungen – React Native Mini-Challenges

3. Challenge 2: Textfarbe per Button wechseln

Challenge 2: Textfarbe per Button wechseln

Ziel:

Ein Button soll die Textfarbe zwischen Schwarz und Rot wechseln.

Tipp zur Umsetzung:

  • Verwenden Sie eine useState-Variable, z. B. textColor.
  • Ändern Sie die Farbe im Text-Element: <Text style={{ color: textColor }}>
  • Button: onPress={() => setTextColor(textColor === 'black' ? 'red' : 'black')}

Erweiterung:

  • Ermöglichen Sie die Auswahl weiterer Farben über mehrere Buttons oder ein Auswahlmenü.

Dokumentation:

Tragen Sie Ihre Lösung in Ihr Journal unter der Überschrift „Challenge 2: Textfarbe“ ein.