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

Поділитися
Вставка
  • Опубліковано 30 вер 2024

КОМЕНТАРІ • 96

  • @shannonramirezslater4909
    @shannonramirezslater4909 3 роки тому +74

    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
      @SwiftfulThinking  3 роки тому +2

      Thanks Shannon! Happy to help :)

    • @jean-michelnogaro7471
      @jean-michelnogaro7471 Рік тому

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

  • @yokohibarashi1386
    @yokohibarashi1386 3 роки тому +26

    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
      @SwiftfulThinking  3 роки тому +7

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

  • @CMessineo
    @CMessineo 7 місяців тому +1

    "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).

  • @saweekmusic
    @saweekmusic 6 місяців тому +2

    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.

  • @DannyBoy443
    @DannyBoy443 5 місяців тому +1

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

  • @JasonEyermann
    @JasonEyermann Рік тому +2

    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.

  • @AhmadShrif
    @AhmadShrif 3 роки тому +8

    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.

  • @jaleellawhorn7848
    @jaleellawhorn7848 2 роки тому +4

    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.

  • @JasonOoiTC
    @JasonOoiTC 3 роки тому +4

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

  • @Chilldeck
    @Chilldeck Рік тому +1

    ZStacks for the win! Correct answer ;)

  • @kainerda2088
    @kainerda2088 2 роки тому +5

    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
      @SwiftfulThinking  2 роки тому

      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
    @fre.helfer Рік тому +2

    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

  • @olepetersen4460
    @olepetersen4460 3 роки тому +2

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

  • @Stevesvideoshelf
    @Stevesvideoshelf 3 роки тому +3

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

    • @SwiftfulThinking
      @SwiftfulThinking  3 роки тому +5

      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
      @Stevesvideoshelf 3 роки тому

      @@SwiftfulThinking good to know. Thanks! 👍

  • @dr.craigcurphey4829
    @dr.craigcurphey4829 3 роки тому +3

    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
      @SwiftfulThinking  3 роки тому

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

  • @muhammadziaulqamar1753
    @muhammadziaulqamar1753 11 місяців тому +2

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

  • @Hydatidosis
    @Hydatidosis 5 місяців тому

    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 :)

  • @mirjalolsirojiddinov3043
    @mirjalolsirojiddinov3043 Рік тому

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

  • @ryanlanigan417
    @ryanlanigan417 9 місяців тому

    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?

  • @Bryan-lu4du
    @Bryan-lu4du 7 місяців тому +1

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

  • @fbcreativemedia
    @fbcreativemedia 5 місяців тому +1

    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.

  • @itsAJ819
    @itsAJ819 2 роки тому +1

    1:23 Lucky I like your content 😆

  • @balarajan3110
    @balarajan3110 3 роки тому +1

    Awesome videos boss

  • @alextoma402
    @alextoma402 Рік тому +1

    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

  • @raquelcervantes3332
    @raquelcervantes3332 Рік тому

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

  • @MrShumylo
    @MrShumylo Рік тому +1

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

  • @muhammadnasser2735
    @muhammadnasser2735 3 роки тому +1

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

  • @DannyBoy443
    @DannyBoy443 5 місяців тому

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

  • @mvfeast
    @mvfeast Рік тому

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

  • @knowledgeispower4953
    @knowledgeispower4953 8 місяців тому

    clear understanding...😎thx bro

  • @dsquared7100
    @dsquared7100 3 роки тому +2

    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
      @SwiftfulThinking  3 роки тому

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

  • @amandadias2078
    @amandadias2078 Рік тому +1

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

  • @ostanjaffcompany173
    @ostanjaffcompany173 3 роки тому +1

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

    • @SwiftfulThinking
      @SwiftfulThinking  3 роки тому +1

      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!

  • @heshamabdo6024
    @heshamabdo6024 Рік тому

    This channel made me love coding IOS

  • @mr_funtor
    @mr_funtor Місяць тому

    It's ZStack for me

  • @LindaWhite-y8l
    @LindaWhite-y8l 14 днів тому

    Rodriguez Estates

  • @mig12394
    @mig12394 3 роки тому +1

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

    • @SwiftfulThinking
      @SwiftfulThinking  3 роки тому

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

    • @m__link6499
      @m__link6499 3 роки тому

      Me too..

  • @yuchen3587
    @yuchen3587 2 роки тому +1

    Respect bro 瑞思拜

  • @loudibird
    @loudibird Рік тому

    your a legend thanks

  • @nomadeducator6684
    @nomadeducator6684 Рік тому

    must have basics, thx man

  • @kellenrayoungx
    @kellenrayoungx 11 місяців тому

    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
      @SwiftfulThinking  11 місяців тому +1

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

  • @NaveedGhalib
    @NaveedGhalib 9 місяців тому

    awesome video. thanks!

  • @muhammadnasser2735
    @muhammadnasser2735 3 роки тому +1

    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

  • @dugrut1325
    @dugrut1325 2 роки тому

    Zed - stack haha, Canada

  • @magedmohmed4403
    @magedmohmed4403 2 роки тому

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

  • @mafiaboy16
    @mafiaboy16 2 роки тому +1

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

  • @youngdomsey
    @youngdomsey 4 місяці тому

    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!

  • @최승기-g8f
    @최승기-g8f 3 роки тому +1

    Thank you!!!

  • @kasunjayasekara3052
    @kasunjayasekara3052 3 роки тому +1

    Thank you :) learned key points very quickly .

  • @JulienReszka
    @JulienReszka Рік тому

    Very cool

  • @JustThink2000
    @JustThink2000 2 роки тому

    This was so helpful

  • @sharifboymuminov9734
    @sharifboymuminov9734 10 місяців тому

    Assalomu aleykum

  • @georgerevell5643
    @georgerevell5643 Рік тому

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

  • @marshallross
    @marshallross 2 роки тому

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

  • @JustThink2000
    @JustThink2000 2 роки тому

    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?

  • @ClintonSiegel
    @ClintonSiegel 2 роки тому

    Ha ha!

  • @pitmanra
    @pitmanra 3 роки тому +1

    Thanks for the videos. Well done!

  • @manzoorahmadfarmani6558
    @manzoorahmadfarmani6558 2 роки тому

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

  • @conorspalvieri5948
    @conorspalvieri5948 2 роки тому

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

  • @leneil46
    @leneil46 Рік тому

    These videos are great. Thank you so much

  • @sergehulne
    @sergehulne Рік тому

    Very informative and well presented!

  • @ShowMeLova
    @ShowMeLova 9 місяців тому

    You are the best Nick! Thanks a lot

  • @krzysiek4795
    @krzysiek4795 2 роки тому

    Thanks for the videos. Well done!

  • @Dragonboh1
    @Dragonboh1 Рік тому

    Dude, keep doing what you doing

  • @melroy36
    @melroy36 11 місяців тому

    2 Years later still the best for a beginner

  • @AZMerf
    @AZMerf 3 роки тому

    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
      @SwiftfulThinking  3 роки тому

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

  • @valerieokelly6224
    @valerieokelly6224 2 роки тому

    Great video man !

  • @bobbynwm
    @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 )

  • @JPkatukenda
    @JPkatukenda 2 роки тому

    Thank you nick, super video series