LazyVGrid 不訪問卡片的全部
LazyVGrid(columns: [GridItem(.adaptive(minimum: 65))])
設(shè)定最小寬度為65,能放幾個放幾個,橫向模式后也適用
LazyVGrid(columns: [GridItem(.fixed(200)), GridItem(.flexible()),GridItem()]) {
ForEach(emojis[0..<emojiCount], id: \.self) { emoji in
CardView(content: emoji)}
}
LazyVGrid(columns: [GridItem(), GridItem(),GridItem()]) {
ForEach(emojis[0..<emojiCount], id: \.self) { emoji in
CardView(content: emoji)}
.aspectRatio(2/3, contentMode: .fit)
}
.foregroundColor(.red)
Spacer()
//寬度2/3 填充
var body: some View {
VStack {
//ScrollView 滑塊
ScrollView {
//LazyVGrid 自定義列數(shù)與高寬比例,aspectRatio 高寬比
LazyVGrid(columns: [GridItem(), GridItem(),GridItem()]) {
ForEach(emojis[0..<emojiCount], id: \.self) { emoji in
CardView(content: emoji)}
.aspectRatio(2/3, contentMode: .fit)
}
}
.foregroundColor(.red)
Spacer()
HStack {
add
Spacer()
remove
}
.font(.largeTitle)
}
.padding()
}