SwiftUI Grids - LazyVGrid, LazyHGrid, Static Grid

Go to squarespace.com/seanallen to save 10% off your first purchase of a website or domain using code SEANALLEN.
Today you will learn about LazyVGrids, LazyHGrids and static Grids (introduced in iOS 16). I will show you the differences between them and when to use each one. I start by explaining how LazyVGrids work with various column spacing parameters and pinned section headers. The we cover LazyHGrids followed by static Grids.
My iOS Dev Courses:
seanallen.teachable.com/
My Source Code:
seanallen.teachable.com/p/sou...
X (Twitter):
Sean Allen - / seanallen_dev
Hired.com:
hired.com/x/1n01g
Book and learning recommendations that help out the channel if you decide to purchase (Affiliate Links):
Mark Moeyken’s SwiftUI Books:
www.bigmountainstudio.com/a/f...
Paul Hudson's Hacking With Swift:
gumroad.com/a/762098803
RocketSim - Enhance Your Xcode Simulator:
gumroad.com/a/51797971/ftvbh
Objc.io Books (Thinking in SwiftUI & Advanced Swift):
gumroad.com/a/656585843
Timestamps:
0:00 - LazyVGrids, LazyHGrids, Static Grids
0:15 - Grids need Data (an array)
1:01 - Basic LazyVGrid (Vertical)
3:31 - What does Lazy mean?
3:58 - Flexible Columns
6:05 - Fixed Width Columns
6:40 - Adaptive Columns
8:07 - Spacing between items
8:51 - Pinned Section Headers
9:58 - LazyHGrids (Horizontal)
12:43 - Static vs. Lazy Grid Differences
13:29 - Common use of static Grids
13:55 - Basics of static Grids
15:38 - Spacing between elements
15:50 - Modifiers for customization
#swift #softwaredeveloper #iosdeveloper

[@seanallen]

Learn more SwiftUI, Swift & UIKit with my iOS developer courses at seanallen.teachable.com

[@gangalo68]

Did you hack my search history?! 😄

[@seanallen]

Yup

[@MassonLifestyle]

I just saw on Twitter that you got a full time job, congrats! You will be missed in here as you demystify half of this stuff for me. But with that being said, I'm happy for you. I can see why you would want to work with a team. Coding alone can get somewhat lonely sometimes and it's good to collaborate with others.

[@seanallen]

TH-cam videos won't stop :). I can still knock them out on nights and weekends.

[@guilhermeteixeirademello4907]

Another day, another amazing video! Seriously, you and Paul are the bests in the game!!!

[@seanallen]

I appreciate that!

[@kwkistler]

Thank you, Sean, fantastic tutorial I enjoy your teaching style, clear to the point. Keep up with the great content!

[@seanallen]

Much appreciated!

[@nileshjdarji]

All grids nicely summed up. 👍

[@byhabiboff]

I love You Sean Allen.
Even though it's a subject I know, I always learn something every time I watch your videos.

[@seanallen]

I appreciate that!

[@mario_luis_dev]

masterful explanation as always Sean, keep up the great work 🤝

[@seanallen]

Appreciate it!

[@emmanuelecorporente]

Nice explanation!

[@seanallen]

Glad it was helpful!

[@ibringit]

thank sean

[@seanallen]

Happy to help!

[@elijahsmith5315]

elite video.

[@seanallen]

Glad you liked it :)

[@tariqAlmazyad]

Last important info , what if you have last color as by itself ( as Array of 3 or 5 or 11 ) and you want you center it at the bottom of the view. Kinda trying to look for the best possible way to handle it .

[@konstantin215]

Nice guide. But what about waterfall layout?

[@zaid.qattan]

Can you please do a full course or a BootCamp for SwiftUI?

[@seanallen]

Check this out - th-cam.com/video/b1oC7sLIgpI/w-d-xo.html

[@X_BOZO]

Thank you, but I have a question: how do I make them like buttons in all the pictures?

[@seanallen]

Can you elaborate on what you mean? I don’t understand the question.

[@X_BOZO]

@@seanallen I mean, how do I make this grid like an action

[@w0mblemania]

@@X_BOZO Just make each element a Button.
Or, you can just add tap gestures to each element in the grid.

[@josiasmayo7203]

ScrollView(.horizontal){
LazyHGrid(rows: rows, content: {
ForEach(MockData.colors,id:\.self){ number in
NavigationLink(destination:
EmptyView()
){
RoundedRectangle(cornerRadius: 10)
.fill(Color.red)
.frame(width: 100)
}
}
})
}

[@KathiresanMurugan]

Super

[@seanallen]

Thanks

[@victorriurean]

[@app1.cpu.ru.internet]

Thanks!

[@seanallen]

I appreciate the generosity!