暗模式：useColorScheme() 在 Android 上总是返回光

Question

我正在尝试让深色模式工作，但它在 Android 上不起作用。它总是返回“光”。在 iOS 上运行良好。

import React from 'react';
import { useColorScheme } from "react-native";

export default function App() {
  const theme = useColorScheme();
  alert("your color scheme is: " + theme); // always returns "light" on Android
  return null;
}

我正在使用 Expo SDK 42。

我将"userInterfaceStyle": "automatic" 放在我的app.json 中，但没有任何区别。

Answer 1

我想通了。仅将"userInterfaceStyle": "automatic" 放在 app.json 根目录中是不够的，我还必须为 iOS 和 Android 单独定义它：

app.json：

{
  "expo": {
    "userInterfaceStyle": "automatic",
    "ios": {
      "userInterfaceStyle": "automatic"
    },
    "android": {
      "userInterfaceStyle": "automatic"
    }
  }
}

Answer 2

为我工作

{
  expo {
    "userInterfaceStyle": "automatic",
    "ios": {
     "userInterfaceStyle": "automatic"
    },
    "android": {
     "userInterfaceStyle": "automatic"
    }

  }
}