跳至主要内容

useColorScheme

import {useColorScheme} from 'react-native';

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

支持的颜色方案​

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

示例​

您可以在 AppearanceExample.js 中找到一个完整的示例，该示例演示了如何在 React 上下文中使用此 Hook，以向您的应用程序添加对亮色和暗色主题的支持。