九宫格

230 阅读1分钟
  • 数据
private var appleSymbols = ["house.circle", "person.circle", "bag.circle", "location.circle", "bookmark.circle", "gift.circle", "globe.asia.australia.fill", "lock.circle", "pencil.circle", "link.circle"]
  • 横向
ScrollView {
    LazyVGrid(columns: gridItemLayout,spacing: 10) {

        ForEach(appleSymbols,id: \.self) { value in
            Image(systemName: value)
                .frame(width: 100,height: 100)
                .font(.system(size: 30))
                .background(Color(.systemGray5))
                .cornerRadius(10)
        }

     }
}
  • 纵向
ScrollView(.horizontal) {
    LazyHGrid(rows: gridItemLayout,spacing: 10) {
        ForEach(appleSymbols,id: \.self) { value in
            Image(systemName: value)
                .frame(width: 100,height: 100)
                .font(.system(size: 30))
                .background(Color(.systemGray5))
                .cornerRadius(10)
            }
        }
     }
     .frame(height: 340)
     .padding(.leading,10)
}
截屏2022-11-15 08.58.26.png