Przełącznik
Ta strona została przetłumaczona przez PageTurner AI (beta). Nie jest oficjalnie zatwierdzona przez projekt. Znalazłeś błąd? Zgłoś problem →
Renderuje wejście logiczne (boolean).
Jest to komponent kontrolowany, który wymaga funkcji zwrotnej onValueChange aktualizującej właściwość value, aby komponent odzwierciedlał działania użytkownika. Jeśli właściwość value nie jest aktualizowana, komponent będzie nadal wyświetlał dostarczoną wartość value zamiast oczekiwanego wyniku działań użytkownika.
Przykład
Dokumentacja
Właściwości
Właściwości widoku
Dziedziczy właściwości widoku.
disabled
Jeśli true, użytkownik nie będzie mógł przełączyć.
| Type | Default |
|---|---|
| bool | false |
ios_backgroundColor iOS
W systemie iOS: niestandardowy kolor tła. Ten kolor tła jest widoczny, gdy wartość przełącznika jest false lub gdy przełącznik jest wyłączony (i jest on półprzezroczysty).
| Type |
|---|
| color |
onChange
Wywoływana, gdy użytkownik próbuje zmienić wartość przełącznika. Otrzymuje zdarzenie zmiany jako argument. Jeśli chcesz otrzymywać tylko nową wartość, użyj zamiast tego onValueChange.
| Type |
|---|
| function |
onValueChange
Wywoływana, gdy użytkownik próbuje zmienić wartość przełącznika. Otrzymuje nową wartość jako argument. Jeśli zamiast tego chcesz otrzymać zdarzenie, użyj onChange.
| Type |
|---|
| function |
ref
Funkcja settera ref, która otrzyma węzeł elementu po zamontowaniu.
thumbColor
Kolor uchwytu przełącznika (foreground). Jeśli jest ustawiony w systemie iOS, uchwyt przełącznika straci cień.
| Type |
|---|
| color |
trackColor
Niestandardowe kolory toru przełącznika.
iOS: Gdy wartość przełącznika jest false, tor kurczy się do granicy. Jeśli chcesz zmienić kolor tła widocznego pod zredukowanym torem, użyj ios_backgroundColor.
value
Wartość przełącznika. Jeśli true, przełącznik będzie włączony. Domyślna wartość to false.
| Type |
|---|
| bool |