VStack, HStack, and ZStack in SwiftUI | Bootcamp #10

[@shannonramirezslater4909]

Before finding this course, I had been compulsively searching the web for a course that is free, covers ALL the basic foundations, and goes in depth on each topic. This is the only thing I've found that has all three of them. I am so grateful for you and these videos. I know this has helped so many people

[@SwiftfulThinking]

Thanks Shannon! Happy to help :)

[@jean-michelnogaro7471]

J'ai même cherché des solutions payantes pour ma part et elles n'ont pas cette pédagogie progressive .. Merci !!

[@yokohibarashi1386]

Your content is pure gold. You teach and go about explaining things in a "declarative" form that is very high level and greatly detailed! You really have great structure and everything makes perfect sense. Hope your next Udemy course can be a "real" full bootcamp of this caliber and depth.

[@SwiftfulThinking]

Wow, thank you Yoko! My next few courses are going to be free on KZbin instead :) Thanks for watching.

[@AhmadShrif]

It is very rare that I see such level of organization and clear explanation, please do not stop. I would love to see a Swift language course for beginners/intermediate/advanced levels in your channel, I am pretty sure you will rock it.

[@SwiftfulThinking]

Haha thanks for watching Ahmad!

[@muhammadziaulqamar1753]

Love the way you teach. The best ever teacher I have in my entire life.

[@muhammadnasser2735]

I don't have money now, but the first time I get the money, I will support you with everything I have You deserve more than this you are a hero

[@SwiftfulThinking]

😂 Haha thanks Mohammed!

[@kainerda2088]

I can't thank you enough for this series. I don't understand at all why so few likes are given here. I had already gone through other introductions to Swift, but didn't really feel able to implement given layouts. Now after the first 10 episodes of your series, light comes into the dark. I still have a whopping 44 chapters ahead of me, which will probably be a kind of pressure fueling - but in a pleasant way, I'm really looking forward to it. Thanks again!

[@SwiftfulThinking]

Haha hi Kai! Thanks for the comment. Really glad you're enjoying. I can't wait to hear what you think as you get further into it 🥳

[@fre.helfer]

I'm studying SwiftUI for a one month now and I know a lot of stuff, but I realized that I didn't learn some of the basic stuff like alignment an others, thinks that you teach very well!! I wish I had started to learn from you! Thanks

[@jaleellawhorn7848]

Thank you! I followed along in Xcode, I feel like a expert on stacks now, very informative. Best video on stacks I’ve ran across so far. Great job! 👍🏽 Highly grateful.

[@dr.craigcurphey4829]

You're generating these videos faster than I can assimilate them. But don't worry - you're doing a great job and I will learn them all.

[@SwiftfulThinking]

Haha awesome! The videos build on each other, so I would definitely recommend watching them in order.

[@CMessineo]

"Let's get stacking!" I prefer ZStacks to backgrounds. Partly, because they make sense to me and partly because they seem to respect the boundaries of stacks they are placed inside (in your last example, the background circle goes over the edge of the VStack).

[@fbcreativemedia]

Nick, I took some other intro courses to SwiftUI. Never really got the grasp of stacks until i saw this video. Thank you so much for the clear explanation.

[@dsquared7100]

Really great job on your videos and playlists! This is exactly what I needed as someone who was in the process of learning UIKit but decided to switch to over to SwiftUI. I could see you being one of the major go tos for iOS and Swift training in the future and the top answer when someone asks in a developer forum how they start learning iOS app development. Amazing content!

[@SwiftfulThinking]

Wow haha Thanks for the comment Darren! I'm really glad these videos are helping.

[@JasonEyermann]

I think you could have also mentioned that you can only place a max of 10 things in each stack. Because the error it gives you when you add 11 things is not clear and I spent hours trying to find out what was wrong. Anyway still an amazing video. All your vids are great. Explained so clearly. The best that I’ve found so far.

[@youngdomsey]

I like how you show things and explain really well in which situations the things you are showing are used the right way in your opinion. For example the .background()/.overlay() vs. the ZStack. Great work!

[@olepetersen4460]

Thanks again - I use backgrounds for the simpler elements and stacks to put them together on the screen.

[@larenmarkdcruz7074]

Adding a comment... This is pretty cool course! Getting familiar with SwiftUI! Thanks Nick!

[@AZMerf]

Thank you so much for doing this. I might feel a little slow to you or those watching, meticulously going through all options is so helpful. Especially, this video. Using Stacks versus Overlays and Backgrounds is an important question. Yes you can use them interchangeably, sometimes, it important to understand the differences and the possible reasons why you might want to use one over the other.

[@SwiftfulThinking]

You are welcome Merrill! Let me know if you ever have any questions, I'm happy to help.

[@malfoy2797]

2 Years later still the best for a beginner

[@saweekmusic]

Idk if somebody noticed it or not, but if we use ZStack then the size of the circle is included into the ZStack. ZStack adapts its width and height to the items it has inside but with the background we can see that it includes into VStack only the number and not the circle, which makes setting up the spacing a bit more confusing. I think the background function is supposed to be used only when you want to make a background and when spacing doesn't matter and in all other cases, ZStack is the way to go.

[@georgerevell5643]

I used to use easy peasy but now junior az storyboard technique, now I'm learing this thanks to this great course.

[@DannyBoy443]

The 3rd one, we'll keep it 100 lol. Nice

[@amandadias2078]

Thank you so much for this bootcamp! you are a great teacher!!!

[@MrShumylo]

Love every single video! Such a cool Bootcamp! Thanks a lot for doing a great job!

[@muhammadnasser2735]

hey man this is really cool you are very creative (i think your channel will reach 1 million subscribers soon)

[@SwiftfulThinking]

LOL that's a long way away 🥲

[@Bryan-lu4du]

Thank you for explaining this in a way people like me can understand. I subscribed and look forward to learning more.

[@alextoma402]

I hope this course eventually talks about responsive design. I've yet to find good resources for learning to make sure my UI looks good across all screen sizes

[@bobbynwm]

Super helpful! Thanks a lot Nick! I believe Stacks can be used where there is a complex layout with collection views, scrollable views, table views etc... and background and overlays at component level ( titles with transparent backgrounds, buttons and badges , menu items and so on )

[@SwiftfulThinking]

Exactly! Stacks are core to any SwiftUI screen

[@bobbynwm]

Thank you!

[@Dragonboh1]

Dude, keep doing what you doing

[@JasonOoiTC]

Thank you! Very well explained, super easy to understand :-)

[@SwiftfulThinking]

Thanks Jason!! :)

[@ShowMeLova]

You are the best Nick! Thanks a lot

[@magedmohmed4403]

Thank You , I want to Thank You very much , your explanation is very helpful , magic basics , magic explanation

[@sergehulne]

Very informative and well presented!

[@mafiaboy16]

Hi Nick, i will go with both Thnx for the BootLesson it’s super

[@SwiftfulThinking]

Nice. Good luck Ronny!

[@balarajan3110]

Awesome videos boss

[@leneil46]

These videos are great. Thank you so much

[@Stevesvideoshelf]

I feel like ZStacks are more intuitive for stacking and backgrounds/Overlays for styling. Anyway, great lesson, as always!

[@SwiftfulThinking]

Yea I agree. I think as you keep coding you get a feel for which is better in which situation. An important difference is that the frame of the ZStack will be as large as the largest object inside. While if you have an object and add a background that is larger, the frame of the object will stay the same and only the background will have the larger frame!

[@Stevesvideoshelf]

@@SwiftfulThinking good to know. Thanks! 👍

[@manzoorahmadfarmani6558]

thanx for this course and background and overlay is easy to use.

[@pitmanra]

Thanks for the videos. Well done!

[@SwiftfulThinking]

Thank you @pitmanra!

[@heshamabdo6024]

This channel made me love coding IOS

[@ryanlanigan417]

It looks as though the VStack is only tracking the frame for the Text("1") and not measuring off of the circle as well, which is my guess as to why there is a overlap of the circles at 19:44. Do I have that correct?

[@kasunjayasekara3052]

Thank you :) learned key points very quickly .

[@SwiftfulThinking]

Thanks my goal. Thanks for watching!

[@valerieokelly6224]

Great video man !

[@conorspalvieri5948]

These videos are so helpful thank you so much!!!!!!

[@knowledgeispower4953]

clear understanding...😎thx bro

[@mig12394]

I prefer the second one , now that I know that background is a view !

[@SwiftfulThinking]

Haha, yea I love using backgrounds too! You just need to be make sure you are aligning all the frames correctly.

[@m__link6499]

Me too..

[@JPkatukenda]

Thank you nick, super video series

[@SwiftfulThinking]

Thanks Katukenda!

[@Hydatidosis]

I can't figure out what I've prefer: in both methods are deprecated (some)groundColor moving into Style, .frame is also change its appearance. But background looks so Sketch/Figma style so it is modern :)

[@itsAJ819]

1:23 Lucky I like your content 😆

[@SwiftfulThinking]

haha thanks AJ

[@Chilldeck]

ZStacks for the win! Correct answer ;)

[@DannyBoy443]

14:05 is looking like a high end NY piece of abstract art lol

[@최승기-g8f]

Thank you!!!

[@SwiftfulThinking]

You're welcome!

[@JustThink2000]

Is it true to say, the purpose of stacks is just like what we would find in css flex box - their purpose is to maintain uniformity on all screens?

[@kellenrayoungx]

How do you move a VStack or just a button up and down on the screen? I am unable to drag and drop buttons etc in my SwiftViews

[@SwiftfulThinking]

As you continue this playlist, you will learn how to move items around the screen and align them to each other!

[@nomadeducator6684]

must have basics, thx man

[@ostanjaffcompany173]

ZStack is easier for me. But I use .background() modifier as well from time to time. Thanks for the video.

[@SwiftfulThinking]

Hi Ostan! Yea, ZStack is very easy to use. I find that the .background() code is a little cleaner/less chunky so I've been using it more and more. Thanks for watching!

[@loudibird]

your a legend thanks

[@NaveedGhalib]

awesome video. thanks!

[@yuchen3587]

Respect bro 瑞思拜

[@SwiftfulThinking]

谢了，兄弟 !

[@JustThink2000]

This was so helpful

[@JulienReszka]

Very cool

[@raquelcervantes3332]

you just explained so many topics i was struggling to understand and now i feel more confident to learn even more

[@mirjalolsirojiddinov3043]

i'd never worked with Overlays & Backgrounds instead of ZStack)

[@LindaWhite-y8l]

Rodriguez Estates

[@mvfeast]

I prefer ZStacks, It's easier for me to understand the code.

[@mr_funtor]

It's ZStack for me

[@AbhinavSagar-x7e]

I prefer Z stack

[@dugrut1325]

Zed - stack haha, Canada

[@sharifboymuminov9734]

Assalomu aleykum

[@ClintonSiegel]

Ha ha!

[@marshallross]

var StacksOnStackOnStacks = 🤪🤪🤪🤪🤪💸💸💸💸💸💸()

[@SwiftfulThinking]

🤑

[@krzysiek4795]

Thanks for the videos. Well done!