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

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