SwiftUI 如何将当前accentColor传递给sheet模态视图？

解决方案 #

SwiftUI 的 sheet 会创建独立的视图环境，默认不会继承父视图的 accentColor 配置，这是已知的系统行为。你之前尝试的 .accentColor(.accentColor) 没有生效，是因为这个写法读取的是 sheet 内部视图的环境强调色，而 sheet 初始环境的强调色是系统默认值，没有继承父视图的配置。

你可以通过以下步骤实现动态传递强调色：

1. 在弹出 sheet 的父视图中，通过环境变量读取当前生效的 accentColor
2. 手动将读取到的 accentColor 应用到 sheet 内部的根视图上

修改后的代码示例：

// Some parent view which sets an accent color, can't change this
struct ContentView: View {
    var body: some View {
        ChildView()
            .accentColor(.red)
    }
}

// A child view that uses the accent color set by the parent
struct ChildView: View {
    @State var showSheet = false
    // 读取当前视图环境下的动态强调色
    @Environment(\.accentColor) private var currentAccentColor
    
    var body: some View {
        VStack {
            Button("this uses red"){
                showSheet = true
            }
            .sheet(isPresented: $showSheet){
                VStack {
                    Button("this will use the correct accent color"){ }
                }
                // 手动传递父视图的强调色到sheet内部
                .accentColor(currentAccentColor)
            }
        }
    }
}

补充说明 #

• 该方案不需要硬编码颜色值，currentAccentColor 会跟随父视图的 accentColor 动态变化，即使用户修改了App全局强调色设置也能正常同步
• 除了 sheet 之外，fullScreenCover、popover 等所有弹出式视图都可以用相同的方法处理

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