SwiftUI Grid View

Question

duncang OP

Created Jun ’20

Replies 1

Boosts 0

Views 3k

Participants 2

How do you select items in a grid view ? There appears to be no equivalent to List(selection:)

Boost

Answer 1

mtsrodrigues OP

Jun ’20

Grids are just a way to organize Views, very much like Stack, without all the special powers of List inherited from UITableView. You have to manually handle the selection and here's a simple approach:

Code Block swiftstruct ContentView: View {
    @State var selectedItem = 0
    var body: some View {
        ScrollView {
            LazyVGrid(columns: Array(repeating: GridItem(.flexible()), count: 3)) {
                ForEach((0...100), id: \.self) { item in
                    Rectangle()
                        .fill(item == selectedItem ? Color.blue : Color.gray)
                        .aspectRatio(1.0, contentMode: .fit)
                        .onTapGesture {
                            selectedItem = item
                        }
                }
            }
        }
    }
}

1