LS2.1_AM8 - Kreative Übungen – React Native Mini-Challenges
Abschlussbedingungen
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