ios - 以编程方式检测 SwiftUI 中的暗模式以显示适当的图像

Question

在 Assets.xcassets ，可以添加其他图像，这些图像将根据外观自动切换。这适用于静态图像，但我正在尝试弄清楚如何为下载的图像执行此操作。



有没有办法设置Image 的暗模式版本？在 init 或者 SwiftUI 中是否有一个函数可以让您检测当前外观是否是暗的，以便可以提供不同的图像 URL？

Answer 1

您可以使用 @Environment(\.colorScheme) var colorScheme: ColorScheme在任何 View 中获取设备是处于暗模式(.dark)还是亮模式(.light)。使用该信息，您可以有条件地决定使用三元运算符轻松显示哪个图像。

例如，如果您有一个名为“lightImage”的图像用于亮模式，而“darkImage”则用于暗模式:

@Environment(\.colorScheme) var colorScheme: ColorScheme

var body: some View {
    Button(action: {
        foo()
    }) {
        Image(colorScheme == .light ? "lightImage" : "darkImage")
    }
}