useColorScheme
tsx
import {useColorScheme} from 'react-native';
useColorScheme
React Hook 提供并订阅来自 Appearance
模块的颜色方案更新。返回值表示当前用户偏好的颜色方案。该值可能稍后更新,这可以通过用户直接操作(例如设备设置中的主题选择)或按计划(例如根据昼夜循环切换亮色和暗色主题)进行。
支持的颜色方案
"light"
:用户偏好亮色主题。"dark"
:用户偏好暗色主题。null
:用户未指明偏好的颜色主题。
示例
你可以在 AppearanceExample.js
中找到一个完整的示例,它演示了如何结合 React context 使用此 Hook,从而为你的应用添加亮色和暗色主题支持。