iOS 16.4.1中Sheet内GeometryReader短暂返回异常尺寸问题咨询

一、异常尺寸出现的原因 #

iOS 16.4.1里Sheet内的GeometryReader短暂返回异常尺寸，核心是Sheet布局渲染的时序变化：

• SwiftUI的视图渲染由状态驱动，Sheet从触发呈现到完全就绪会经历触发、动画启动、布局计算、最终渲染多个阶段。
• 该版本中，GeometryReader在Sheet的初始布局阶段（甚至动画尚未完全启动时）就被触发回调，此时Sheet的容器视图还未完成尺寸计算，因此返回极小值、0或异常数值；等Sheet布局完成后，GeometryReader会再次回调返回正确尺寸。
• 此前iOS版本的SwiftUI调整了Sheet的布局触发时机，确保GeometryReader仅在布局稳定后返回有效尺寸，所以未出现该问题。

二、更可靠的异常尺寸检测与Sheet就绪判断方法 #

替代单纯判断宽高大于1的方案，推荐以下几种更稳健的实现方式：

1. 基于尺寸稳定性的过滤 #

通过监听尺寸变化，仅当尺寸连续两次稳定在合理范围时，才执行依赖计算的逻辑。利用@State存储上一次的有效尺寸，通过onChange对比：

struct SheetView: View {
    @Binding var showingSheet: Bool
    @State private var lastValidSize: CGSize = .zero
    
    var body: some View {
        VStack {
            GeometryReader { reader in
                let currentSize = reader.size
                Text("HELLO").padding()
                    .onChange(of: currentSize) { newSize in
                        // 判断尺寸是否有效，且与上一次有效尺寸差异极小（视为稳定）
                        let isSizeValid = newSize.width > 0 && newSize.height > 0
                        let isSizeStable = abs(newSize.width - lastValidSize.width) < 1e-3 
                                        && abs(newSize.height - lastValidSize.height) < 1e-3
                        
                        if isSizeValid && isSizeStable {
                            // 这里执行依赖尺寸的计算逻辑
                            print("稳定有效尺寸：\(newSize)")
                        } else if isSizeValid {
                            lastValidSize = newSize
                        }
                    }
            }
        }.padding()
    }
}

2. 结合生命周期与延迟等待 #

利用onAppear配合主队列延迟，等待Sheet布局完成后再处理尺寸：

struct SheetView: View {
    @Binding var showingSheet: Bool
    @State private var isSheetReady = false
    
    var body: some View {
        VStack {
            GeometryReader { reader in
                if isSheetReady {
                    let validSize = reader.size
                    Text("HELLO").padding()
                        .onAppear {
                            // 执行依赖尺寸的计算逻辑
                            print("Sheet就绪，尺寸：\(validSize)")
                        }
                } else {
                    Text("HELLO").padding()
                }
            }
        }
        .padding()
        .onAppear {
            // 延迟0.1秒足以覆盖多数Sheet的布局时长，可按需调整
            DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
                isSheetReady = true
            }
        }
    }
}

3. 使用PreferenceKey获取稳定尺寸 #

通过自定义PreferenceKey，在视图布局完成后传递尺寸，避免初始阶段的异常值：

// 自定义PreferenceKey用于传递尺寸
struct SizePreferenceKey: PreferenceKey {
    static var defaultValue: CGSize = .zero
    static func reduce(value: inout CGSize, nextValue: () -> CGSize) {
        value = nextValue()
    }
}

struct SheetView: View {
    @Binding var showingSheet: Bool
    @State private var validSheetSize: CGSize = .zero
    
    var body: some View {
        VStack {
            Text("HELLO").padding()
                .background(
                    GeometryReader { reader in
                        // 用透明背景承载GeometryReader，传递尺寸
                        Color.clear.preference(key: SizePreferenceKey.self, value: reader.size)
                    }
                )
        }
        .padding()
        .onPreferenceChange(SizePreferenceKey.self) { newSize in
            // 仅保留有效尺寸
            if newSize.width > 0 && newSize.height > 0 {
                validSheetSize = newSize
                // 执行依赖尺寸的计算逻辑
                print("有效尺寸：\(validSheetSize)")
            }
        }
    }
}

这种方式利用SwiftUI的Preference机制，确保仅在视图布局完成后获取到稳定的尺寸值。

4. 基于UIKit桥接判断Sheet状态 #

如果是默认非全屏Sheet，可通过UIKit的UISheetPresentationController直接判断Sheet是否就绪：

struct SheetView: View {
    @Binding var showingSheet: Bool
    @State private var isSheetReady = false
    
    var body: some View {
        VStack {
            GeometryReader { reader in
                if isSheetReady {
                    let validSize = reader.size
                    Text("HELLO").padding()
                } else {
                    Text("HELLO").padding()
                }
            }
        }
        .padding()
        .background(SheetReadyDetector(isSheetReady: $isSheetReady))
    }
}

// 自定义UIViewRepresentable监听Sheet状态
struct SheetReadyDetector: UIViewRepresentable {
    @Binding var isSheetReady: Bool
    
    func makeUIView(context: Context) -> UIView {
        let view = UIView()
        DispatchQueue.main.async {
            // 获取Sheet的控制器，强制布局后标记就绪
            if let sheetController = view.window?.rootViewController?.presentedViewController as? UISheetPresentationController {
                sheetController.presentingViewController.view.layoutIfNeeded()
                isSheetReady = true
            }
        }
        return view
    }
    
    func updateUIView(_ uiView: UIView, context: Context) {}
}

该方法直接利用UIKit的Sheet控制器状态，确保Sheet完全布局后再处理尺寸相关逻辑。

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