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

useColorScheme

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 →

tsx
import {useColorScheme} from 'react-native';

Hook Reacta useColorScheme udostępnia i subskrybuje aktualizacje schematu kolorów z modułu Appearance. Zwracana wartość wskazuje aktualnie preferowany przez użytkownika schemat kolorów. Wartość może być później zaktualizowana, zarówno poprzez bezpośrednie działanie użytkownika (np. wybór motywu w ustawieniach urządzenia), jak i zgodnie z harmonogramem (np. jasne i ciemne motywy zmieniające się wraz z cyklem dnia i nocy).

Obsługiwane schematy kolorów

  • "light": Użytkownik preferuje jasny motyw kolorystyczny.

  • "dark": Użytkownik preferuje ciemny motyw kolorystyczny.

  • null: Użytkownik nie wskazał preferowanego motywu kolorystycznego.


Przykład

Pełny przykład demonstrujący użycie tego hooka wraz z kontekstem Reacta, umożliwiający dodanie obsługi jasnych i ciemnych motywów w aplikacji, znajdziesz w pliku AppearanceExample.js.