メインコンテンツにスキップ

useColorScheme

import {useColorScheme} from 'react-native';

useColorScheme React フックは、Appearance モジュールからカラースキームの更新を受け取ってサブスクライブします。返り値は、現在ユーザーが設定しているカラースキームを示します。この値は、ユーザーの直接的なアクション（例：デバイスの設定でのテーマの選択）やスケジュール（例：昼と夜のサイクルに合わせた明るいテーマと暗いテーマなど）によって更新される可能性があります。

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

  • "light": ユーザーは明るいカラースキムを好んで選択しています。
  • "dark": ユーザーは暗いカラースキムを好んで選択しています。
  • null: ユーザーはカラースキムの好みを定義していません。

例​

アプリケーションに明るいテーマと暗いテーマのサポートを追加するために、このフックと React コンテキストを併用した完全な例を AppearanceExample.js で確認できます。