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.

Herausgeber: Land Baden-Württemberg, vertreten durch das Zentrum für Schulqualität und Lehrerbildung (ZSL), Heilbronner Straße 314, 70469 Stuttgart, Telefon 0711/21859-0, poststelle@zsl.kv.bwl.de
Verantwortlich im Sinne des Presserechts: ZSL, Irmgard Mühlhuber, Ref. 24 "Digitalisierung, Medienbildung", Heilbronner Straße 314, 70469 Stuttgart, Telefon 0711/21859-240, digitalebildung@zsl.kv.bwl.de
Kontakt zum/r behördlichen Datenschutzbeauftragte/n: datenschutz@zsl.kv.bwl.de