SwiftUI中.sheet弹出/关闭时背景边缘白色闪烁问题求助

开发者阿泽

2026-6-14

问题：浅色模式下弹出/关闭Sheet时背景边缘出现白色闪烁

在浅色模式下弹出或关闭.sheet时，背景视图的边缘会出现白色闪烁，深色模式下无此异常。

复现代码：

import SwiftUI

struct ContentView: View {
    
    @State private var isShowing: Bool = false
    
    var body: some View {
            ZStack {
                Color.black
                    .ignoresSafeArea()
                Button {
                    isShowing = true
                } label: {
                    Label("show", systemImage: "questionmark.circle")
                }
            }
            .sheet(isPresented: $isShowing) {
                EmptyView()
        }

    }
}

可行解决方法：

给Sheet设置匹配的深色背景
默认Sheet在浅色模式下的过渡底色为白色，和主视图的黑色背景冲突导致闪烁。给Sheet添加同色系背景即可缓解：
```
.sheet(isPresented: $isShowing) {
    EmptyView()
        .background(Color.black)
        .ignoresSafeArea()
}
```

调整主视图背景的添加方式
将底层Color从ZStack子视图改为用background修饰符添加，修正渲染层级带来的问题：

ZStack {
    Button {
        isShowing = true
    } label: {
        Label("show", systemImage: "questionmark.circle")
    }
}
.background(Color.black.ignoresSafeArea())
.sheet(isPresented: $isShowing) {
    EmptyView()
}

强制Sheet使用深色模式（按需选择）
如果场景不需要Sheet适配浅色模式，直接强制它使用深色外观，从根源避免颜色冲突：
```
.sheet(isPresented: $isShowing) {
    EmptyView()
        .preferredColorScheme(.dark)
}
```