使用 React Native 检测 iPhone iOS 的暗黑模式

Question

我知道使用Swift可以实现这个：

override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
    if traitCollection.userInterfaceStyle == .light {
        print("Light mode")
    } else {
        print("Dark mode")
    }
}

然而，是否有一种使用JavaScript实现这个的方法？

- joaumg

---

在查看 github.com/facebook/react-native 的问题时，我只找到了这一个：https://github.com/facebook/react-native/issues/25322，它被机器人自动关闭了。 - joaumg

Answer 1

自 0.62.2 版本开始，您不再需要使用 react-native-dark-mode。 您可以使用

import { Appearance } from 'react-native'
...
Appearance.getColorScheme() === 'dark'

这里是一个添加了它的提交：https://github.com/facebook/react-native/commit/63fa3f21c5ab308def450bffb22054241a8842ef

- TheRusskiy

Answer 2

Yes...

https://www.npmjs.com/package/react-native-dark-mode

OR

https://github.com/codemotionapps/react-native-dark-mode

import { useDarkMode } from 'react-native-dark-mode'

function Component() {
  const isDarkMode = useDarkMode()
  return <View style={{ backgroundColor: isDarkMode ? 'black' : 'white' }} />
}

- Marco Jr

---

当我安装了最新的模块后，RN0.6+上的自动链接对我不起作用。我必须运行以下命令才能使其生效： react-native link react-native-dark-mode cd ios pod install 然后它才被注册。 - codejays