Przejdź do treści głównej
Wersja: 0.80

Przełącznik

Nieoficjalne Tłumaczenie Beta

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ć.

TypeDefault
boolfalse

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

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.

Type
object: {false: color, true: color}

value

Wartość przełącznika. Jeśli true, przełącznik będzie włączony. Domyślna wartość to false.

Type
bool