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.