SwiftUI中UIViewRepresentable实现懒加载ScrollView失效问题求助

你的MyLazyHStack无法实现懒加载的核心问题出在UIHostingController与UIScrollView的约束设置错误，导致内部的LazyHStack无法正确识别滚动边界，被迫一次性渲染所有元素：

• 你将hostingController.view的trailingAnchor直接绑定到scrollView.trailingAnchor，同时高度与scrollView相等，但没有保留横向扩展空间。这会让LazyHStack误认为所有内容都处于可视范围内（hostingView宽度被限制为scrollView宽度），从而失去懒加载触发条件。
• UIScrollView的contentSize需要由子视图自然尺寸决定，而非通过约束强制与自身尺寸绑定。

修改makeUIView方法中的约束逻辑，让hostingController.view的宽度由内部LazyHStack内容撑开，同时保持垂直方向与scrollView匹配：

struct MyLazyHStack<Content: View>: UIViewRepresentable {
    var content: Content
    
    func makeUIView(context: Context) -> UIView {
        let scrollView = UIScrollView()
        scrollView.isPagingEnabled = true
        // 仅允许横向滚动，关闭垂直滚动
        scrollView.alwaysBounceHorizontal = true
        scrollView.alwaysBounceVertical = false
        
        let hostingController = UIHostingController(rootView: content)
        hostingController.view.translatesAutoresizingMaskIntoConstraints = false
        
        scrollView.addSubview(hostingController.view)
        
        NSLayoutConstraint.activate([
            // 垂直方向完全匹配scrollView
            hostingController.view.topAnchor.constraint(equalTo: scrollView.topAnchor),
            hostingController.view.bottomAnchor.constraint(equalTo: scrollView.bottomAnchor),
            hostingController.view.heightAnchor.constraint(equalTo: scrollView.heightAnchor),
            
            // 横向绑定scrollView的contentLayoutGuide，让内容自然撑开宽度
            hostingController.view.leadingAnchor.constraint(equalTo: scrollView.contentLayoutGuide.leadingAnchor),
            hostingController.view.trailingAnchor.constraint(equalTo: scrollView.contentLayoutGuide.trailingAnchor)
        ])
        
        return scrollView
    }
    
    func updateUIView(_ uiView: UIView, context: Context) {}
}

struct ContentView: View {
    var body: some View {
        MyLazyHStack {
            LazyHStack {
                ForEach(1..<100) { index in
                    // 用于验证懒加载的测试视图
                    LazyElementView(index: index)
                }
            }
        }
        .frame(height: 50) // 给scrollView固定高度方便测试
    }
}

// 验证懒加载的自定义视图
struct LazyElementView: View {
    let index: Int
    init(index: Int) {
        self.index = index
        print("加载元素 \(index)")
    }
    var body: some View {
        Text("Element \(index)")
            .frame(width: 200, height: 50)
            .background(Color.gray.opacity(0.3))
    }
}

1. 调整横向约束：
   将hostingView的leading和trailing绑定到scrollView的contentLayoutGuide，而非scrollView自身的锚点。这会让scrollView根据hostingView的实际内容宽度自动计算contentSize，为LazyHStack提供正确的滚动边界。

2. 配置滚动行为：
   开启alwaysBounceHorizontal并关闭alwaysBounceVertical，确保scrollView仅响应横向滚动，符合LazyHStack的布局预期。

3. 验证懒加载：
   通过LazyElementView初始化时的打印可以清晰看到：只有元素滚动到可视区域时才会触发加载，而非一次性加载全部100个元素。

内容的提问来源于stack exchange，提问作者Martin Romañuk