垂直分页UIScrollView无法精准对齐页面问题求助

你的问题核心在于页面高度与UIScrollView分页步长不匹配：当设置contentInsetAdjustmentBehavior = .never时，UIScrollView的分页步长是其自身的全屏高度（忽略安全区域），但你给每个页面设置的是UIScreen.main.bounds.height（包含安全区域），两者的差值导致滚动后上一页的安全区域部分会露出来。

以下是修正后的完整代码，同时保留完全隐藏安全区域的需求：

1. 修正FeedView：使用父视图尺寸定义页面大小 #

不再硬编码屏幕高度，而是通过GeometryReader获取UIScrollView的实际尺寸（全屏，忽略安全区域），确保每个页面高度与分页步长一致：

struct FeedView: View {
    let pageCount: Int
    
    var body: some View {
        GeometryReader { proxy in
            VStack(spacing: 0) {
                ForEach(0..<pageCount, id: \.self) { index in
                    // 用颜色区分页面，替代原Text组件
                    Color(index % 3 == 0 ? .red : index % 3 == 1 ? .green : .blue)
                        .frame(width: proxy.size.width, height: proxy.size.height)
                }
            }
        }
    }
}

2. 修正ScrollSnapView：同步内容尺寸与分页步长 #

确保UIHostingController的视图尺寸、UIScrollView的contentSize与页面高度完全匹配，同时保留contentInsetAdjustmentBehavior = .never以忽略安全区域：

struct ScrollSnapView: UIViewRepresentable {
    private let pageCount = 3
    
    func makeUIView(context: Context) -> UIScrollView {
        let scrollView = UIScrollView()
        scrollView.isPagingEnabled = true
        scrollView.showsVerticalScrollIndicator = false
        scrollView.showsHorizontalScrollIndicator = false
        scrollView.contentInsetAdjustmentBehavior = .never
        
        // 获取全屏尺寸（已忽略安全区域）
        let fullScreenSize = UIScreen.main.bounds.size
        let pageHeight = fullScreenSize.height
        
        // 创建适配的FeedView并包装到HostingController
        let feedView = FeedView(pageCount: pageCount)
        let hostingController = UIHostingController(rootView: feedView)
        hostingController.view.frame = CGRect(
            origin: .zero,
            size: CGSize(width: fullScreenSize.width, height: pageHeight * CGFloat(pageCount))
        )
        
        scrollView.addSubview(hostingController.view)
        scrollView.contentSize = hostingController.view.frame.size
        
        return scrollView
    }
    
    func updateUIView(_ uiView: UIScrollView, context: Context) {}
}

3. 主入口保持不变 #

@main
struct App: App {
    var body: some Scene {
        WindowGroup {
            ScrollSnapView()
                .ignoresSafeArea()
        }
    }
}

原理说明 #

• 去掉硬编码的屏幕高度，改用UIScrollView的实际尺寸作为页面高度，确保分页步长和页面高度完全一致；
• 保留contentInsetAdjustmentBehavior = .never，让UIScrollView完全忽略安全区域，实现全屏滚动；
• 通过GeometryReader动态获取父视图尺寸，适配不同设备的屏幕大小。

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