SwiftUI 调整ScrollView边界：子视图缩放后ScrollView尺寸不更新问题

scaleEffect 仅对视图做视觉层面的缩放变换，不会修改视图的真实布局尺寸，因此ScrollView无法感知到子视图的大小变化，可滚动范围始终保持原始尺寸。

放弃使用scaleEffect，直接通过缩放系数修改视图的实际宽度，让ScrollView能检测到布局变化自动适配滚动范围。

struct ContentView: View {
    @State private var currentAmount: CGFloat = 0
    @State private var finalAmount: CGFloat = 1
    // 定义图片的基础宽度，可根据需求调整
    private let baseImageWidth: CGFloat = 200

    var body: some View {
        ScrollView(.horizontal) {
            Image(systemName: "star")
                .resizable()
                .scaledToFit()
                // 直接用缩放系数修改实际宽度，布局尺寸会真实变化
                .frame(width: baseImageWidth * (finalAmount + currentAmount))
                .gesture(
                    MagnificationGesture()
                        .onChanged { amount in
                            currentAmount = amount - 1
                        }
                        .onEnded { amount in
                            finalAmount += currentAmount
                            currentAmount = 0
                            // 可在这里加最小/最大缩放限制，避免缩放到过小或过大
                            finalAmount = max(0.5, min(finalAmount, 5))
                        }
                )
        }
        .frame(maxHeight: 300)
    }
}

如果你的场景必须使用scaleEffect，也可以在视图外层手动匹配缩放后的尺寸：

Image(systemName: "star")
    .resizable()
    .scaledToFit()
    .frame(width: baseImageWidth)
    .scaleEffect(x: finalAmount + currentAmount, y: 1)
    .frame(width: baseImageWidth * (finalAmount + currentAmount))

这样视图的真实布局宽度和缩放后的视觉宽度保持一致，ScrollView的滚动范围也会同步更新。

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