React Native - Expo - 如何检查是否启用了暗模式？

Question

我已阅读 Expo/RN 文档，为了获得系统颜色（暗/亮），我们应该使用来自 react native 的this API。

所以，我决定创建我的自定义钩子

import { Appearance } from "react-native";

export default function useIsDarkModeEnabled() {
  return Appearance.getColorScheme() === "dark";
}

但由于某种原因，它总是让我返回错误。我正在 iOS 14 上进行测试，并启用了深色主题。

有什么想法吗？

Answer 1

每当我检查设备的当前外观时，我都会使用 useColorScheme() 函数，而不是 getColorScheme()。

您可以使用 Context 将其保留在整个应用程序中，或者将其放在应用程序的根目录中，并将其作为道具传递给您的组件（不是最好的）。要持久化主题，您可以使用 AsyncStorage 来存储外观的最后状态。

然后，每当应用程序打开时，它都会拉出最后一个状态，除非设备从那时起改变了外观。