useColorScheme

Traducción Beta No Oficial

Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →

tsx

import {useColorScheme} from 'react-native';

El hook de React useColorScheme proporciona y se suscribe a las actualizaciones del esquema de color del módulo Appearance. El valor devuelto indica el esquema de color preferido actual del usuario. Este valor puede actualizarse posteriormente, ya sea por acción directa del usuario (ej. selección de tema en la configuración del dispositivo) o mediante una programación (ej. temas claro y oscuro que siguen el ciclo día/noche).

Esquemas de color admitidos

• "light": El usuario prefiere un tema de color claro.

• "dark": El usuario prefiere un tema de color oscuro.

• null: El usuario no ha indicado un tema de color preferido.

---

Ejemplo

Puedes encontrar un ejemplo completo que demuestra el uso de este hook junto con un contexto de React para agregar soporte para temas claro y oscuro en tu aplicación en AppearanceExample.js.