useColorScheme
tsx
import {useColorScheme} from 'react-native';
useColorScheme
React Hook 提供并订阅来自 Appearance
模块的颜色方案更新。返回值指示当前用户首选的颜色方案。该值可能会在稍后更新,可以通过用户直接操作(例如,设备设置中的主题选择)或按计划更新(例如,遵循昼/夜周期的浅色和深色主题)。
支持的颜色方案
"light"
:用户偏好浅色主题。"dark"
:用户偏好深色主题。null
:用户未指明偏好的颜色主题。
示例
你可以在 AppearanceExample.js
中找到一个完整的示例,该示例演示了如何将此 Hook 与 React Context 一起使用,以在你的应用程序中添加对浅色和深色主题的支持。