SwiftUI跳转新视图时.edgesIgnoringSafeArea失效及视图层级问题

1. 修复Sheet顶部空白区域问题 #

Sheet容器默认会保留安全区域边距，仅在FridgeView内部添加.edgesIgnoringSafeArea(.all)可能无法覆盖Sheet的容器设置。你需要将安全区域忽略修饰符应用到Sheet的根视图容器上，或者直接在Sheet的闭包中添加：

正确代码示例： #

// FridgeView.swift
struct FridgeView: View {
    var body: some View {
        ZStack {
            // 你的视图内容
            Text("冰箱视图")
                .font(.largeTitle)
                .foregroundColor(.white)
        }
        .background(Color.blue)
        .edgesIgnoringSafeArea(.all) // 应用到根视图容器
    }
}

// ContentView.swift
struct ContentView: View {
    @State private var showFridge = false
    
    var body: some View {
        Button("打开冰箱视图") {
            showFridge = true
        }
        .sheet(isPresented: $showFridge) {
            FridgeView()
            // 也可以在这里直接添加修饰符，双重保障
            // .edgesIgnoringSafeArea(.all)
        }
    }
}

2. 修复多次点击按钮导致视图叠加问题 #

这个问题通常是状态变量绑定错误导致的，比如没有使用@State修饰状态变量，或者状态变量没有被正确重置。确保你使用@State来管理Sheet的展示状态，sheet(isPresented:)会自动在Sheet关闭时将状态重置为false，避免重复叠加。

错误代码示例（需修正）： #

// 错误：没有用@State修饰状态变量，无法响应状态变化
var showFridge = false

正确状态管理代码： #

struct ContentView: View {
    // 用@State修饰，确保状态可被SwiftUI追踪
    @State private var showFridge = false
    
    var body: some View {
        Button("打开冰箱视图") {
            showFridge = true
        }
        .sheet(isPresented: $showFridge) {
            FridgeView()
                .edgesIgnoringSafeArea(.all)
        }
    }
}

如果你的代码使用sheet(item:)方式展示视图，需要确保遵循Identifiable协议，sheet(item:)会自动在视图关闭时将item重置为nil：

struct FridgeItem: Identifiable {
    let id = UUID()
}

struct ContentView: View {
    @State private var fridgeItem: FridgeItem?
    
    var body: some View {
        Button("打开冰箱视图") {
            fridgeItem = FridgeItem()
        }
        .sheet(item: $fridgeItem) { _ in
            FridgeView()
                .edgesIgnoringSafeArea(.all)
        }
    }
}

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