SwiftUI全局配色切换及过渡动画的最佳实现方案

分两部分调整即可，既符合SwiftUI最佳实践，也能实现平滑的明暗模式切换动画。

一、全局配色实现优化 #

你当前的基础逻辑是可行的，但有几个细节可以调整，避免后续出现视图不刷新、维护成本高的问题：

• 按照Swift命名规范，结构体名需首字母大写，建议把存储配色的结构体从CustomColorScheme类中独立出来，作为全局常量容器，后续新增配色时不需要改动业务逻辑代码
• @AppStorage本质是SwiftUI框架的视图层属性包装器，直接写在ObservableObject中不会自动触发更新广播，需要给属性添加didSet回调手动通知视图刷新
• 不需要在每个页面单独初始化/传递配色对象，在应用根节点注入环境对象，全应用所有子视图都可以直接读取配色配置，避免层层传参

优化后的配色管理代码如下：

import SwiftUI

class CustomColorScheme: ObservableObject {
    @AppStorage("darkModeEnabled") var darkModeEnabled: Bool = false {
        didSet {
            objectWillChange.send()
        }
    }

    var backgroundColor: Color {
        darkModeEnabled ? AppColors.darkGrey : AppColors.offWhite
    }
    // 后续新增文字色、分割线色等配色，直接在这里加对应计算属性即可
}

// 统一存放固定色值
struct AppColors {
    static let offWhite = Color(red: 0.941, green: 0.941, blue: 0.941)
    static let darkGrey = Color(red: 0.145, green: 0.145, blue: 0.145)
}

在应用入口注入全局环境对象：

@main
struct YourApp: App {
    @StateObject private var colorScheme = CustomColorScheme()
    var body: some Scene {
        WindowGroup {
            ContentView()
                .environmentObject(colorScheme)
                // 根节点加一次动画即可，全局所有视图的配色切换都会平滑过渡
                .animation(.easeInOut(duration: 0.3), value: colorScheme.darkModeEnabled)
        }
    }
}

二、切换动画实现 #

你之前用的无参数animation(.default)被废弃，核心原因是这种写法没有明确动画触发源，会导致视图上所有无关变化（比如文本更新、布局变动）都被自动加上动画，容易出现不符合预期的效果。官方推荐的实现方式有两种，选一种即可：

1. 根节点统一加动画（推荐）：就是上面示例代码里的写法，给动画明确指定触发依赖值darkModeEnabled，只有这个值变化时，根视图下的所有配色变更才会执行动画，不需要每个子视图单独加修饰符，维护成本最低。
2. 切换动作处触发动画：如果你不想在根节点加动画，可以在控制深色模式开关的逻辑里，用withAnimation包裹赋值操作，所有依赖配色的视图会自动执行过渡：

// 开关组件示例
Toggle("深色模式", isOn: Binding(
    get: { colorScheme.darkModeEnabled },
    set: { isOn in
        withAnimation(.easeInOut(duration: 0.3)) {
            colorScheme.darkModeEnabled = isOn
        }
    }
))

子视图中不需要额外加动画代码，直接读取配色值即可：

struct MyView: View {
    @EnvironmentObject var customColors: CustomColorScheme
    var body: some View {
       Rectangle()
          .foregroundColor(customColors.backgroundColor)
    }
}

内容的提问来源于stack exchange，提问作者CodeyTown