求助：SwiftUI中.ignoresSafeArea()无法生效，如何适配屏幕尺寸

你当前的问题核心是：给GeometryReader添加.ignoresSafeArea()后，它获取的是包含安全区的全屏尺寸，导致内部ZStack的尺寸计算（比如width: geometry.size.width - 20）会超出安全区范围。要实现背景忽略安全区延伸至全屏，同时内部内容基于安全区尺寸布局，可以采用以下两种方案：

方案一：将.ignoresSafeArea()仅应用于背景层 #

把全屏背景单独分离出来，让它忽略安全区，内部内容层自然保持在安全区内布局，结构更简洁：

struct HomeContainerView: View {
    var body: some View {
        ZStack {
            // 背景层延伸至全屏（忽略安全区）
            Color.indigo
                .ignoresSafeArea()
            
            // 内容层在安全区内布局
            GeometryReader { geometry in
                ZStack {
                    ZStack {}
                        .frame(width: geometry.size.width - 20, height: geometry.size.height - 20)
                        .background(Color.orange)
                    
                    ZStack {}
                        .frame(width: geometry.size.width - 40, height: geometry.size.height - 40)
                        .background(Color.gray)
                    
                    ZStack {}
                        .frame(width: geometry.size.width - 60, height: geometry.size.height - 60)
                        .background(Color.red)
                }
                .frame(width: geometry.size.width, height: geometry.size.height, alignment: .center)
            }
        }
    }
}

方案二：利用GeometryReader的safeAreaInsets调整内部尺寸 #

如果需要保留原有嵌套结构，可以通过geometry.safeAreaInsets获取安全区边距，计算出安全区内的可用尺寸，再用于内部ZStack的布局：

struct HomeContainerView: View {
    var body: some View {
        GeometryReader { geometry in
            // 计算安全区内的实际可用宽高
            let safeWidth = geometry.size.width - geometry.safeAreaInsets.leading - geometry.safeAreaInsets.trailing
            let safeHeight = geometry.size.height - geometry.safeAreaInsets.top - geometry.safeAreaInsets.bottom
            
            ZStack {
                ZStack {}
                    .frame(width: safeWidth - 20, height: safeHeight - 20)
                    .background(Color.orange)
                
                ZStack {}
                    .frame(width: safeWidth - 40, height: safeHeight - 40)
                    .background(Color.gray)
                
                ZStack {}
                    .frame(width: safeWidth - 60, height: safeHeight - 60)
                    .background(Color.red)
            }
            .frame(width: geometry.size.width, height: geometry.size.height, alignment: .center)
            .background(Color.indigo)
        }
        .ignoresSafeArea()
    }
}

两种方案都能实现：背景层覆盖全屏（.ignoresSafeArea()生效），同时内部橙色、灰色、红色的ZStack严格在安全区内按预期尺寸布局。

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