useColorScheme

tsx

import {useColorScheme} from 'react-native';

useColorScheme React Hook 提供了来自 Appearance 模块的颜色方案更新，并订阅这些更新。返回值表示当前用户偏好的颜色方案。该值可能会在稍后更新，无论是通过用户直接操作（例如设备设置中的主题选择）还是按计划（例如遵循昼夜循环的亮色和暗色主题）。

支持的颜色方案

• "light"：用户偏好亮色主题。
• "dark"：用户偏好暗色主题。
• null：用户未指明偏好的颜色主题。

---

示例

你可以在 AppearanceExample.js 中找到一个完整的示例，它演示了如何结合 React context 使用这个 Hook，为你的应用添加亮色和暗色主题支持。