How to replicate Apple Watch home layout with Lazy Grids? #SwiftUI

Pedro Rojas demonstrates how to use SwiftUI Lazy Grids to build an Apple Watch home screen layout with retro icons.

Hello everyone, in this video we will learn about lazy grids in SwiftUI and building an Apple Watch home layout with retro icons. 📺 Content: 0:00 - Intro 0:57 - Requirements for a lazy grid 2:04 - Quick demo with LazyVGrid 2:55 - What is GridItem? 5:07 - Fixing Overlapping in a lazy grid 6:19 - LazyVGrid in detail 7:57 - Apple Watch Home demo 16:13 - Work to do 16:36 - Do you want to learn more? ------ Source code showed in the video: github.com/pitt500/AppleWatchHome/tree/main/LazyGrids ------ Resources: * LazyVGrid: developer.apple.com/documentation/swiftui/lazyvgrid * WWDC20: developer.apple.com/videos/play/wwdc2020/10031/ * Majid Jabrayilov: swiftwithmajid.com/2020/07/08/mastering-grids-in-swiftui/ * SwiftUI Lab: swiftui-lab.com/impossible-grids/ * Retro iOS icons: iosiconpack.com/theme/Znfu6elqnrD8/43-ios-6-icons * Hacking with Swift: hackingwithswift.com/quick-start/swiftui/how-to-position-vie… * Alex Brown: swiftcompiled.com/swiftui-grids/ ------ Other videos in the channel: * Why can't you use Int indices in a String?: youtu.be/k35T7E1hxeQ * LazyVStack: youtu.be/yrly21IFQdY * How to display a gif in SwiftUI: youtu.be/9fz8EW-dX-I * What's new in SwiftUI 3.0: youtu.be/ewIeL1Trd5o * Swift Concurrency: youtube.com/playlist?list=PLHWvYoDHvsOUsGazZVW_ZdehusA0diIxs ----- Don't forget to subscribe to the channel, like it, and follow me on social media: Twitter: twitter.com/swiftandtips twitter.com/pitt500 Finally, ask me for a video you would like to see next 😄! Credits: - Music by Wataboi from pixabay.com/ - Video edited with LumaFusion