无法更改SwiftUI上的暗模式

基础概念

SwiftUI 是苹果公司推出的一个声明式 UI 框架，用于构建 macOS、iOS、watchOS 和 tvOS 应用程序。暗模式（Dark Mode）是一种界面显示模式，旨在减少屏幕亮度，降低眼睛疲劳，并且在某些情况下可以节省电池寿命。

问题原因

在 SwiftUI 中，如果你发现无法更改暗模式，可能是以下几个原因：

视图未正确配置：确保你的视图使用了 @Environment 或 @EnvironmentObject 来响应系统主题的变化。
样式覆盖：可能存在某些样式覆盖了暗模式的设置。
系统设置问题：确保设备的系统设置中启用了暗模式。

解决方法

以下是一些解决方法：

1. 使用 `@Environment` 响应系统主题

import SwiftUI

struct ContentView: View {
    @Environment(\.colorScheme) var colorScheme

    var body: some View {
        VStack {
            Text("Current theme is \(colorScheme.rawValue)")
                .foregroundColor(colorScheme == .dark ? .white : .black)
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
            .previewDevice("iPhone 12")
            .previewDisplayName("Light Mode")
            .environment(\.colorScheme, .light)

        ContentView()
            .previewDevice("iPhone 12")
            .previewDisplayName("Dark Mode")
            .environment(\.colorScheme, .dark)
    }
}

2. 使用 `@EnvironmentObject` 管理主题

import SwiftUI

class ThemeManager: ObservableObject {
    @Published var theme: Theme = .light

    enum Theme {
        case light
        case dark
    }

    init() {
        if #available(iOS 13.0, *) {
            self.theme = UIColor.currentSystemTheme == .dark ? .dark : .light
        }
    }
}

struct ContentView: View {
    @EnvironmentObject var themeManager: ThemeManager

    var body: some View {
        VStack {
            Text("Current theme is \(themeManager.theme.rawValue)")
                .foregroundColor(themeManager.theme == .dark ? .white : .black)
        }
        .background(themeManager.theme == .dark ? Color.black : Color.white)
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
            .previewDevice("iPhone 12")
            .previewDisplayName("Light Mode")
            .environmentObject(ThemeManager())

        ContentView()
            .previewDevice("iPhone 12")
            .previewDisplayName("Dark Mode")
            .environment(\.colorScheme, .dark)
            .environmentObject(ThemeManager())
    }
}