Theorie

Das Switch-Komponente in React Native wird verwendet, um zwischen zwei Zuständen umzuschalten - typischerweise eine "an/aus" oder "wahr/falsch" Auswahl darzustellen. Es bietet den Benutzern einen visuellen Indikator für den aktuellen Zustand und ermöglicht es ihnen, diesen mit einem einfachen Tippen zu ändern.

Warum brauchen wir es?

1. Binäre Auswahl:
   • Nützlich für Szenarien, in denen Benutzer eine binäre Wahl treffen müssen;
   • Häufig verwendet für Einstellungen, Präferenzen oder zum Umschalten bestimmter Funktionen.
2. Benutzerfreundlich:
   • Bietet eine einfache und intuitive Oberfläche zum Umschalten zwischen Zuständen;
   • Bietet einen visuellen Hinweis auf den aktuellen Zustand, was die Benutzererfahrung verbessert.

Wie man mit Switch arbeitet

• Die Switch-Komponente wird über ihre value-Eigenschaft gesteuert, die bestimmt, ob sie im "ein"- oder "aus"-Zustand ist;
• Wir können die onValueChange-Eigenschaft verwenden, um eine Callback-Funktion anzugeben, die aufgerufen wird, wenn der Benutzer den Schalter umschaltet.

Beispiel

Ergebnis

In der Praxis