usecolorscheme

id: usecolorscheme title: useColorScheme

tsx

import {useColorScheme} from 'react-native';

useColorScheme React 훅은 Appearance 모듈에서 제공하는 색상 스키마 업데이트를 구독하고 반환한다. 이 훅은 사용자가 선호하는 현재 색상 스키마를 나타내는 값을 반환한다. 이 값은 사용자가 직접 설정을 변경하거나(예: 기기 설정에서 테마 선택) 일정에 따라(예: 주야간 주기에 따른 라이트/다크 테마) 업데이트될 수 있다.

지원하는 색상 테마

• "light": 사용자가 밝은 색상 테마를 선호한다.
• "dark": 사용자가 어두운 색상 테마를 선호한다.
• null: 사용자가 선호하는 색상 테마를 지정하지 않았다.

예제

이 훅을 사용해 애플리케이션에 라이트와 다크 테마를 추가하는 완전한 예제는 AppearanceExample.js에서 확인할 수 있다. 이 예제는 React 컨텍스트와 함께 사용하는 방법을 보여준다.