UICollectionView and SwiftUI?

by

iOS 14 and Xcode 12

SwiftUI for iOS 14 brings a new and nativ grid view that is easy to use called LazyVGrid:
https://developer.apple.com/documentation/swiftui/lazyvgrid

You can start with defining an array of GridItems. GridItems are used to specify layout properties for each column. In this case all GridItems are flexible.

LazyVGrid takes an array of GridItems as its parameter and displays the containing views according to the defined GridItems.

import SwiftUI

struct ContentView: View {
    
    let columns = [
        GridItem(.flexible()),
        GridItem(.flexible()),
        GridItem(.flexible()),
        GridItem(.flexible())
    ]
    
    var body: some View {
        ScrollView {
            LazyVGrid(columns: columns) {
                ForEach(0...100, id: \.self) { _ in
                    Color.orange.frame(width: 100, height: 100)
                }
            }
        }
    }
}

LazyVGrid in use

More Related Contents:

  1. SwiftUI @Binding Initialize
  2. SwiftUI withAnimation completion callback
  3. @Published property wrapper not working on subclass of ObservableObject
  4. Presenting modal in iOS 13 fullscreen
  5. Cell spacing in UICollectionView
  6. How to scroll List programmatically in SwiftUI?
  7. Move TextField up when the keyboard has appeared in SwiftUI
  8. Method ‘application:openURL:options:’ is not called
  9. SwiftUI | Using onDrag and onDrop to reorder Items within one single LazyGrid?
  10. SwiftUI – How to pass EnvironmentObject into View Model?
  11. How to change the status bar background color and text color on iOS 13?
  12. UICollectionView: must be initialized with a non-nil layout parameter
  13. How to create a centered UICollectionView like in Spotify’s Player
  14. iOS 13: Swift – ‘Set application root view controller programmatically’ does not work
  15. UICollectionView’s cell disappearing
  16. How can I run an action when a state changes?
  17. How to put a logo in NavigationView in SwiftUI?
  18. EXC_BAD_INSTRUCTION When Passing UICollectionView Cell Data to Different ViewController
  19. UICollectionView – didDeselectItemAtIndexPath not called if cell is selected
  20. SwiftUI: Set Status Bar Color For a Specific View
  21. Trouble running async functions in background threads (concurrency)
  22. Specifying one Dimension of Cells in UICollectionView using Auto Layout
  23. Detect app launch from WidgetKit widget extension
  24. SwiftUI: NavigationDestinationLink deprecated
  25. How to have a dynamic List of Views using SwiftUI
  26. How to open the ImagePicker in SwiftUI?
  27. UIRefreshControl with UICollectionView in iOS7
  28. How to properly group a list fetched from CoreData by date?
  29. Warning: UICollectionViewFlowLayout has cached frame mismatch for index path ‘abc’
  30. SwiftUI – Detect when ScrollView has finished scrolling?

Leave a Comment