useColorScheme

tsx

import {useColorScheme} from 'react-native';

useColorScheme React 钩子提供并订阅来自 Appearance 模块的颜色方案更新。返回值表示当前用户首选的颜色方案。该值可能会稍后更新，要么通过直接的用户操作（例如设备设置中的主题选择），要么按计划更新（例如遵循昼夜循环的浅色和深色主题）。

支持的颜色方案

• "light"：用户首选浅色主题。
• "dark"：用户首选深色主题。
• null：用户未指示首选颜色主题。

---

示例

您可以在 AppearanceExample.js 中找到一个完整的示例，该示例演示了如何将此钩子与 React 上下文一起使用，以为您的应用程序添加浅色和深色主题支持。