useColorScheme

tsx

import {useColorScheme} from 'react-native';

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

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

• "light": ユーザーはライトカラーテーマを推奨しています。
• "dark": ユーザーはダークカラーテーマを推奨しています。
• null: ユーザーは推奨するカラーテーマを示していません。

---

例

このフックと React コンテキストを併用して、アプリケーションにライトテーマとダークテーマのサポートを追加する方法を示す完全な例は、AppearanceExample.js で見つけることができます。