本文价值与收获

看完本文后，您将能够作出下面的界面

基本知识

LazyVGrid和LazyHGrid是SwiftUI为我们提供了两个新的视图类型，以供我们构建基于网格的超级自定义布局。 它们之间的唯一区别是布局轴。 LazyVGrid沿垂直方向填充可用空间。 另一方面，LazyHGrid沿水平方向排列其子级。 轴是这两个视图之间的唯一区别。

代码

import SwiftUI


struct ContentView: View {
  
    var body: some View {
        SplitTextView()
    }

}



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

struct SplitTextView: View {
    static let input = "B, A, Y, X, A, X, Y, X, A, Y, A, Y"
    let letters = input.components(separatedBy: ", ")

    let layout = [
        GridItem(.adaptive(minimum:32), spacing: 10)
    ]

    var b