Kursinhalt
Grundlagen von React Native
Grundlagen von React Native
Schalterkomponente
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?
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.
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 ihrevalue
-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
Danke für Ihr Feedback!