useColorScheme

tsx

import {useColorScheme} from 'react-native';

useColorScheme Reactフックは、Appearanceモジュールからカラースキームの更新を提供し、購読します。戻り値は、現在ユーザーが優先するカラースキームを示します。この値は、ユーザーの直接的な操作（例：デバイス設定でのテーマ選択）やスケジュール（例：昼夜のサイクルに合わせたライトテーマとダークテーマ）によって後から更新されることがあります。

サポートされているカラースキーム

• "light": ユーザーはライトカラーテーマを好みます。
• "dark": ユーザーはダークカラーテーマを好みます。
• null: ユーザーは好みのカラーテーマを指定していません。

---

使用例

アプリケーションにライトテーマとダークテーマのサポートを追加するために、このフックをReactコンテキストと組み合わせて使用する完全な例は、AppearanceExample.jsにあります。