SwiftUI (List & ForEach)：设备旋转导致列表中的当前位置丢失

Question

使用下面的 SwiftUI 代码（Xcode 12.2），在给定行上滚动列表后，设备的旋转会导致跳转到其他行。

import SwiftUI

struct ContentView: View {
    var body: some View {
        List(10...90, id: \.self) { i in
            VStack {
                ForEach(1...9, id: \.self) { j in
                    Text("item \(i).\(j)")
                }
            }
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

请问如何让当前行的显示对设备的旋转不敏感？

只有在每次旋转之间滚动列表时才会出现此问题。

Answer 1

我认为这与 List 偏移量有关，我不确定为什么。 一个解决方案可能是使用 ScrollView，它看起来更动态。

var body: some View {
    ScrollView {
        ForEach(10...90, id: \.self) { i in
            VStack {
                ForEach(1...9, id: \.self) { j in
                    Text("item \(i).\(j)")
                }
            }
            .frame(maxWidth: .infinity, alignment: .leading)
            Divider()
        }
    }
}