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
Пікірлер: 36
Learn more SwiftUI, Swift & UIKit with my iOS developer courses at seanallen.teachable.com
Did you hack my search history?! 😄
@seanallen
4 ай бұрын
Yup
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
3 ай бұрын
KZread videos won't stop :). I can still knock them out on nights and weekends.
Another day, another amazing video! Seriously, you and Paul are the bests in the game!!!
@seanallen
4 ай бұрын
I appreciate that!
Thank you, Sean, fantastic tutorial I enjoy your teaching style, clear to the point. Keep up with the great content!
@seanallen
4 ай бұрын
Much appreciated!
All grids nicely summed up. 👍
I love You Sean Allen. Even though it's a subject I know, I always learn something every time I watch your videos.
@seanallen
2 ай бұрын
I appreciate that!
masterful explanation as always Sean, keep up the great work 🤝
@seanallen
4 ай бұрын
Appreciate it!
Nice explanation!
@seanallen
4 ай бұрын
Glad it was helpful!
thank sean
@seanallen
2 ай бұрын
Happy to help!
elite video.
@seanallen
4 ай бұрын
Glad you liked it :)
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 .
Nice guide. But what about waterfall layout?
Can you please do a full course or a BootCamp for SwiftUI?
@seanallen
3 ай бұрын
Check this out - kzread.info/dash/bejne/lGWjpZmsfKzNoKw.html
Thank you, but I have a question: how do I make them like buttons in all the pictures?
@seanallen
4 ай бұрын
Can you elaborate on what you mean? I don’t understand the question.
@X_BOZO
4 ай бұрын
@@seanallen I mean, how do I make this grid like an action
@w0mblemania
3 ай бұрын
@@X_BOZO Just make each element a Button. Or, you can just add tap gestures to each element in the grid.
@josiasmayo7203
6 күн бұрын
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) } } }) }
Super
@seanallen
2 ай бұрын
Thanks
Thanks!
@seanallen
4 ай бұрын
I appreciate the generosity!