SwiftUI：ScrollView结合.viewAligned与.scrollPosition()横竖屏切换时位置不更新

AI 小北

2026-6-28

SwiftUI ScrollView横竖屏切换时滚动位置不更新问题

在配置了.scrollTargetBehavior(.viewAligned)和.scrollPosition()的SwiftUI ScrollView中，当设备横竖屏切换（视图尺寸发生变化）时，滚动位置无法自动更新，演示效果如下：

SwiftUIScrollView横竖屏滚动位置异常

测试代码

import SwiftUI

struct ContentView: View {
    let colors: [Color] = [.red, .yellow, .cyan, .blue, .teal, .brown, .orange, .indigo]
    @State private var selected: Int? = 0
    
    var body: some View {
        ScrollView(.horizontal) {
            HStack(spacing: 0) {
                ForEach(0..<colors.count, id: \.self) { index in
                    Rectangle()
                        .fill(colors[index])
                        .containerRelativeFrame(.horizontal)
                        .overlay {
                            Text(colors[index].description)
                        }
                }
            }
            .scrollTargetLayout()
        }
        .scrollPosition(id: $selected)
        .scrollTargetBehavior(.viewAligned)
    }
}

#Preview {
    ContentView()
}

@main
struct ViewAlignedScrollBugApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}