Kursbuch

1.1. Button-Klick-Ereignis

Button-Klick-Ereignis

In React Native werden Benutzerinteraktionen, z. B. das Tippen auf einen Button, mit Ereignissen (Events) verarbeitet.
Dazu nutzen wir die Eigenschaft onPress.

Beispielcode:

<Button title="Klick mich!" onPress={() => alert('Button geklickt!')} />

Erklärung:

• onPress erkennt, wenn der Button gedrückt wird.
• alert('Button geklickt!') zeigt eine Nachricht auf dem Bildschirm an.

Tipp: Alternativen zu alert()

• console.log() – um Text in der Entwicklerkonsole auszugeben (z. B. zur Fehlersuche).
• useState – um Text im Interface anzuzeigen (z. B. „Button wurde geklickt!“).
• Modal – für aufklappende Dialoge mit mehr Gestaltungsmöglichkeiten.