Перейти к содержанию

useColorScheme

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

Реактивный хук useColorScheme предоставляет и подписывается на обновления цветовой схемы из модуля Appearance. Возвращаемое значение указывает текущую предпочитаемую пользователем цветовую схему. Значение может быть обновлено позже, либо через прямое действие пользователя (например, выбор темы в настройках устройства), либо по расписанию (например, светлые и темные темы, которые следуют циклу день/ночь).

Поддерживаемые цветовые схемы

  • light: Пользователь предпочитает светлую цветовую тему.
  • dark: Пользователь предпочитает темную цветовую тему.
  • null: Пользователь не указал предпочитаемую цветовую тему.

В настоящее время из-за технических ограничений, когда включен отладчик Chrome, этот хук будет всегда возвращать "light".

Пример

Полный пример, демонстрирующий использование этого хука вместе с контекстом React для добавления поддержки светлых и темных тем в ваше приложение, можно найти в AppearanceExample.js.

Комментарии