时间戳

首页 > 解决方案 > SwiftUI(List & ForEach)：设备的旋转导致List中的当前位置丢失

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

问题描述

使用下面的 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()
    }
}

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

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

在此处输入图像描述

标签： listdynamicforeachswiftuirotation

解决方案

我认为这与列表偏移量有关，我不确定为什么。一种解决方案可能是改用 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()
        }
    }
}

推荐阅读