跳到主要内容

useColorScheme

tsx
import {useColorScheme} from 'react-native';

useColorScheme React Hook 提供并订阅来自 Appearance 模块的配色方案更新。返回值表示当前用户偏好的配色方案。该值可能会在稍后更新,这可能是通过用户直接操作(例如,设备设置中的主题选择)或按计划(例如,遵循白天/夜晚周期的浅色和深色主题)进行。

支持的配色方案

  • "light":用户偏好浅色主题。
  • "dark":用户偏好深色主题。
  • null:用户未指明偏好的配色方案。

示例

你可以在 AppearanceExample.js 中找到一个完整的示例,演示了如何使用此 Hook 和 React 上下文为你的应用程序添加对浅色和深色主题的支持。