Build Amazing UI Design using SwiftUI Grid in SwiftUI 4
SwiftUI has APIs like Stacks, Horizontal Grid and Vertical Grid that are used to create impossible Design in SwiftUI but these APIs has some complexity when shapes become more complex.
To ease these complexities SwiftUI 4 introduces a new Grid API which helps us to manage the Grid layout with 2-dimensional control parameters.
In this video we gonna explore SwiftUI 4 Grid API and some of its Parameter and Modifier like Vertical & Horizontal Spacing, Alignment, Grid Cell Anchor, Grid Cell Unsized Axes & Grid Cell Column.
Source Code : https://github.com/recoding-io/swiftu...
Suggested Video:
1. Organizing Data using Table in SwiftUI 4 : • Organizing Data using SwiftUI Table i...
2. Understanding Grids in SwiftUI | LazyVGrid, LazyHGrid & Data Table | UICollectionView Alternative : • Understanding Grids in SwiftUI | Lazy...
Checkout full playlist :
1. SwiftUI 4.0 Tutorials : • SwiftUI 4.0 Tutorials
2. SwiftUI Tutorials : • SwiftUI : Build Document OCR App usin...
3. Apple Persistence Storage : • Apple Persistent Storage Tutorial
Timeline
Intro (0:00)
Introduction to Grid (0:27)
Create a Basic Grid (2:32)
Grid vs Stack (3:51)
Grid Pattern Design (4:44)
Grid Row Anchor (8:01)
Grid Column Cell (8:46)
Example of Grid Row Anchor and Grid Column Cell (9:17)
Support us on
☕ @Buy me a coffee - https://www.buymeacoffee.com/recoding
🎗@Patreon - / recoding_io
Follow us on
📝 @Medium - / recoding
🐦 @Twitter - / recoding_io
🦄 @Dev.to - https://dev.to/recoding
📌 @Pinterest.com - / recoding_io
🔗 @LinkedIn.com - / recoding-io
#️⃣ @Hashnode - https://recoding.hashnode.dev/