useColorScheme

tsx

import {useColorScheme} from 'react-native';

useColorScheme React Hook 提供並訂閱來自 Appearance 模組的色彩配置更新。傳回值表示目前使用者偏好的色彩配置。此值可能會在之後更新，無論是透過使用者直接操作（例如在裝置設定中選擇主題），或依排程更新（例如，遵循日/夜週期的明亮和深色主題）。

支援的色彩配置

• "light"：使用者偏好淺色主題。
• "dark"：使用者偏好深色主題。
• null：使用者未指定偏好的色彩主題。

---

範例

您可以在 AppearanceExample.js 中找到完整的範例，示範如何搭配 React Context 使用此 Hook，為您的應用程式新增對明亮和深色主題的支援。