SwiftUI ile LazyVGrid ve LazyHGrid kullanımı

Merhabalar bu yazımda SwiftUI 2.0 ile aramıza katılan Grid kullanımını sizlerle paylaşacağım.

SwiftUI içerisinde doğrudan CollectionView gibi bir yapı olmadığı için column ayırma ve listeleme işlemleri yapamıyorduk. Ancak bu yeni sürüm ile oldukça işimize yarayacak ve aktif olarak kullanacağımız Grid yapısı bizlere sunuldu. LazyVGrid, LazyHGrid olarak adlandırılan bu yapılar ile UIKit ile oluşturduğumuz CollectionView Layout işlemlerini çok daha kısa ve kolay bir şekilde çözmemizi sağlamakta.

Aşağıda yazdığım örneği inceleyebilirsiniz.

struct ContentView: View {
    
    let items = ["👨🏻‍💻", "🔥", "📲", "❤️", "🌍", "🎉"]
    let columns: [GridItem] = Array(repeating: .init(.flexible()), count: 3)
    
    var body: some View {
        ScrollView {
            LazyVGrid(columns: columns, spacing: 20) {
                ForEach(items, id: \.self) { item in
                    Text(item)
                        .font(.system(size: 50))
                }
            }
            .padding(.horizontal)
        }
    }
}

GridItem(.adaptive(minimum: 80))
GridItem(.flexible())
GridItem(.fixed(100))

Grid nesnelerini ihtiyacınız olan yapıda kullanabilirsiniz.