SwiftUI:垂直和水平滚动

时间:2020-05-06 20:04:09

标签: ios swift uiscrollview swiftui

我正在尝试创建一个可以同时垂直和水平滚动的视图。

但是,我无法让它按照我想要的方式工作。

我目前拥有的是:

enter image description here

我想要实现的是:

enter image description here

因此,我希望视图从左上角开始,并向右和向底滚动。

这是我的代码:

import Foundation
import SwiftUI

struct GridView: View {
    var body: some View {
        VStack(alignment: .leading) {
            ScrollView([.horizontal, .vertical]) {
                VStack(alignment: .leading) {
                    ForEach(0 ..< 4, id: \.self) { row in
                        HStack(alignment: .top) {
                            ForEach(0 ..< 9, id: \.self) { column in
                                Text("\(row)/\(column)").frame(width: 50.0, height: 50.0)
                            }
                        }
                    }
                }
            }
        }

    }
}


struct GridView_Previews: PreviewProvider {
    static var previews: some View {
        return GridView()
    }
}

有人可以帮我吗?

谢谢!

0 个答案:

没有答案