SwiftUI Basics: Dynamic Lists, HStack VStack, Images with Circle Clipped Stroke Overlays

[@dirtbagmoto]

Great tutorial, would be nice to see two more segments about fetching real data from an api as well as persisting it to see a full application built with Swift UI. Thanks!

[@stefvanzwienen608]

I second this. It's always dummy data that comes from within the app but never some JSON that get's decoded and put in the right place..

[@CuriosMindDIY]

Your Flutter videos really helped me not to get crazy when I saw these big changes in the framework! Whew! Thanks for the tutorial, Brian! Always on time!

[@Veterinarius62]

coding makes more and more fun with SwiftUI and of course with Brian's tutorials!

[@antonfimin]

Thank you man for your effort, I love learning from your videos, extra + for the sound quality! I wish everyone in KZbin making videos like you do

[@NTuneLabs]

You really need to be making more videos for beginners... like myself. I like the way you explain things.

[@israelmanzo8725]

Insane, but I love it..! Thanks Brian. I'll keep reading documentations but your videos makes it way easier to understand. I wonder how it works with network calls.

[@RushMeh]

I’m wondering the same. Such a cool stuff

[@DaveyonMayne-ok]

Swear down. Bro... you are my go-to for all things Swift. Thanks!

[@marcaupont9145]

This tutorial was AAA MMM AAA ZZZ IIII NNNN GGGG!! I can really see the power of SwiftUI! Great job Brian!

[@isaacclark9825]

Don't worry about overdoing it. I really like getting a preview of how this works. I won't be installing the beta version of the OS, so this is my chance to get a headstart.

[@rekeshali]

Whoa O_O this is a lot easier than using a collection view, thanks for staying on top of the new methods!

[@timmy334]

I am loving SwiftUI. This is much faster and simpler.

[@brennanhamstra2148]

Wow! This is pretty amazing and what I believe the right step to take for UI now. Amazing tutorials as always Brian! Thank you for crushing it on content all ready for the new SwiftUI framework! Pretty amazing, and I'm looking forward to new tutorials with this sort of layout. Keep crushing it man!

[@codemonkey21]

Awesome work! Can’t wait to see more SwiftUI and integrate with database data sources like Firebase.

[@Shayan_R]

Fantastic video Brian! 👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼 Quickly learnt so much 👀

[@thewatcher305]

Enjoying that more declarative syntax!

[@ikechukwumichael1383]

great and easy to follow along practically

[@NicAlexReich]

Nic Reich [9:41 AM] I'm really excited about the Xcode 11, SwiftUI looks amazing and looks like it is going to be a great alternative to using storyboards, but is it just me or doesn't SwiftUI look a lot like Flutter?

[@Dennisvm82]

This is ridiculous :D all my old-school extensions will become obsolete, and you can code everything with 70% less code. Can't wait to start playing with this :-) looks really interesting. In 2021 you only have to write createList(withArray: User).design(.stylish), and you are done :-P

[@mattberkeley15]

Hey man, I'm loving your tutorials so far - thanks for all you do! One comment, since you added the the struct User was Identifiable, you don't actually have to specify in your ForEach loop what its identified by so long as you have the id in each instance of users. Cleans it up a little!

[@ronroy100]

Hey Brian, Great tutorial, I have one question though, for VStack or other components too, I have observed some properties goes inside bracket like alignment, and some properties goes outside of curly braces like padding. What are the difference between these. Thanks,

[@bratz2]

As far as your comment about the price of the pro display. Reference monitors are normally around $30,000 to $40,000. It’s for a specific market for specific use. So that being the case Apple is offering a great value to THAT SPECIFIC market. It’s understandable that to normal people not in that market it seems like an outrageous price. Both the Mac Pro computer and the Pro display are not considered expensive for the actual pros in that market who make enough on the work they do to cover it. Those tools are what enables them to do their work. Now about your video. Great job!

[@LetsBuildThatApp]

Indeed, I was just trolling. I will most likely buy both a Mac Pro and xdr display when they become available.

[@ngado126]

Hi Brian! Your tutorial is awsome. My question is how to keep the image always on top of the row even when the message is long? Thanks Nga

[@wtam4357]

Great as usual Brian..thanks a lot

[@hubrismaxim]

Two comments: If your model conforms to Identifiable, then you can just pass it straight into ForEach; no need for the .identified(by:). Also, when you refer to brace syntax, it’s just trailing closure syntax on an .init() - of course it’s doing some magic in the background which is why you need to use the ForEach structure rather than plain for..in loops or switch statements.

[@mobilestar6575]

Hello Brian, Thanks for sharing wonderful video and this video helped me much. Now I have better understanding of SwiftUI framework. Btw I'm just curious, we can't use storyboard anymore if we use SwiftUI from Xcode 11? And also do we need to re-develop existing app (which uses storyboards) from scratch if we want to use Swift UI? Thanks.

[@HungNguyen-oz1jc]

I think storyboards is dying and will be deprecated when SwiftUI is getting more popular

[@mobilestar6575]

@@HungNguyen-oz1jc i think so,

[@AudriezWorld]

i really enjoy your videos, keep it up

[@filipvabrousek6900]

Thank you so much Brian! How do I change TextField alignment?

[@fredericbontemps6569]

Great tutorial as always, Brian, thanks a lot! In order to build a "standard" macOS app (so NOT for iOS nor iPadOS) would you still recommend SwiftUI or Interface Builder is still more convenient?

[@LetsBuildThatApp]

Cool, thanks for watching. I haven't used IB in 5 years, so code has always been easy and familiar.

[@fredericbontemps6569]

Thanks for your quick reply, very much appreciated! If you don't mind, when you have time, could you kindly show an example (if technically possible, of course) of how to build a macOS app using SwiftUI, please? I'm aware the code it's portable, but the look 'n' feel of an iOS app on macOS using SwiftUI is a bit "html style". Is it possible to build a UI like the Finder, for example, in SwiftUI? Or Interface Builder would be the quickest way to go? Many thanks in advance.

[@stevenen8]

Hello thanks for the tutorial. I just want to pointing out that if you add some kind of NavigationLink around the UserRow's HStack (in order to show eventually a detail for the element) it seems that the multiline doesn't works anymore. Do you have any suggestion on this behavior? Thanks @LetsBuildThatApp

[@LetsBuildThatApp]

I think it does, you just have to apply some tricks

[@JunaidKhan-ny8tu]

Love your content , Huge fan of you :-) for almost 2 and half year

[@maxcodes]

Same here bro, he's easily my favorite iOS KZbinr. Probably my favorite KZbinr just behind MKBHD.

[@JunaidKhan-ny8tu]

@@maxcodes bro your content is also awesome

[@maxcodes]

@@JunaidKhan-ny8tu Thank you man!

[@aliasadi2550]

how do you handle increasing views on the larger screen ? when you use static width and height ? do we have multiplier in new Swift ?

[@tiborgabor9632]

Thank you for the lesson! I enjoyed it!

[@isaacclark9825]

The LBATools materials you developed. Doesn't this new stuff make that obsolete?

[@LetsBuildThatApp]

LBTATools works great for standards UIKit apps still.

[@isaacclark9825]

I suppose my question was somewhat rude. Yes, there is no question that LBATools works great and can enhance productivity. But what I am really asking is whether you expect folks to switch to SwiftUI in pretty short order. I expect that I will switch just as soon as I switch over to the new version of Xcode.

[@im_semih]

It's just amazing. Thank you Brian!

[@digitalsuperman]

wow swiftui looks fun!

[@dchang635]

GREAT TEACHING!

[@ghareeshkumar]

Amazing video it is. But what about dynamic values. As you showed with static values

[@rogerwprice]

Thanks for the walkthrough!

[@maxcodes]

You're so much faster at making these videos than me hahaha. Good content as always.

[@davidkadlcek4949]

Hi Max, do you know how to change backgroundColor of View?

[@owenmoore3782]

David Kadlček You can use: .background(Color.red)

[@maxcodes]

@@davidkadlcek4949 Yeah! .background(.red) looks like Owen beat me to it!

[@davidkadlcek4949]

​@@maxcodes OK, but what about safeArea? How can I avoid it? I tried edgesIgnoringSafeArea, but the views inside VStack just ignores safeArea too...

[@tomtucker8466]

how would you make it so that each of those has its own navigation link the goes to its own view

[@SteveeOR97]

Excellent vid very easy to follow. Thanks :)

[@marcvaniersel1623]

Very nice tutorial, thank you!

[@yamatatsu5776]

You are great teacher!!! Thank you!

[@dalekkiller]

Are there other shapes that you can use with the .clipshape() like hexagons for the boarders of the image?

[@menteb]

Thanks Brian! Always on top of stuff :) Instead of your ForEach, try List(users){ user in }.navigationBarTitle(Text("Dynamic List"), displayMode: .large) This will go through everything as well, and it's cleaner in my opinion.

[@StewartLynch]

I think Brian's point here is that if you do that, you cannot add the row above that is simply "Users"

[@anthonycavender7253]

menteb I know it’s late but: To combine static and dynamic views in a list, or to combine two or more different groups of dynamic views, use the ForEach type instead of passing your collection of data to List. -SwiftUI documentation

[@martinacatherine88]

How would you compare this to Flutter?

[@emiliebellier9017]

Thanks for another great video ! Question : How to make a List (or ScrollView) scroll to the bottom (like chat type) ?

[@AndreaTermini3]

You Brian, are the best!

[@andrejkling3886]

Gratitude Brian....

[@DannyBoy443]

As someone who is (especially since the pandemic) trying to learn iOS development for a new career flip, no. You are not spending too much time on Swift. I still can't build anything yet and I've been studying for about a year.

[@40tutur]

Will the viewControllers disappears ??

[@gavinbeard8188]

Great video! Silly question but how do you get the preview to show ? I notice on your video it is shown automatically but when I create project with SwiftUi I don’t get the preview

[@MattiaRighetti]

Gavin Beard you have to be on the latest macOS Catilina to get the preview and of course have the latest Xcode 11

[@Ebadd9]

At 12:00 change ForEach(users.identified(by: \id)) to ForEach(users, id: \.id) and it works.

[@iOSTechie]

Awesome video 👍

[@TheSpiralnotizblock]

Wow swiftui is amazing.

[@scthief4421]

For those who who stuck at the forEach loop it is ForEach(users, id: \.id) { user

[@RockstahRolln]

What a tutorial! You won me over, I subbed! :)

[@tarekmustafa2525]

Great Tutorial!

[@donmcallister4382]

Awesome, thanks! Loving it.

[@vikkaalfyorova]

Thank you for the great lesson. What if my object has a bool property (state), how can I show it in the List row? Toggle(isOn: $user.state) didn't work

[@neluma]

How do you enable Automatic Preview? My project boilerplate opened up with the editor only.

[@piotrkwasniewski7774]

Super useful, Thank you Brian! :)

[@angryapple1882]

How would you do a but to on a Navigationview?

[@aravinthroshan6500]

It would be wonderful if you could develop a full fledged replica of a social media app in swiftUI. The contents in your website taught me swift as I know today and it would be great even if you could update the existing courses or come up with an entirely new one on how to program in swiftUI.

[@saifullahilyas8170]

Hello, i hope you are fine. Sir can navigate to view controller from swiftui just like the perform segues. So that we built our half app in swiftui and half in storyboard.

[@bandishkumar1990]

Superb

[@SudhanshuSrivastavaIndia]

List looks amazing.. one thing I am curious about is how "row insertion" or deletion will work here in List.. kind of LoadMore stuff as we used to implement it in UITableView.

[@dk-sky3820]

Have you seen their WWDC presentation on datasource.snapshots and apply( ) yesterday? I think it's the answer.

[@kainate5779]

Should I download the beta version? and when would this version realise on actual Xcode?

[@Am1rFT]

have you noticed that the code which was used to present a view controller in xcode 10 and earlier has been changed??previously viewcontrollers where came up from botton but now it is like apple music app when the player comes up.if you found any way to solve it i would appreciate it 👍🏻

[@caprapaditii]

With SwiftUI, codding will be similar to a HTML basic

[@alihodroj9559]

Răzvan Capră more like flutter chained widgets

[@peteroriola6493]

Amazing stuff . Thanks

[@Savin1992iVashka]

Awesome! Thanks!

[@a2somali-ish588]

it keeps telling me Cannot infer contextual base in reference to member 'init' when I try to use init under ConductView View

[@stevengao8345]

thanks very much for this tutorial, but how is this swiftui suppose make developing life any easier? the things you typed are they swift or something apple just invent out of blue ? code is more like html css than swift coding.

[@checkupapp]

so if we are practical, can you a Designer create the front end design and navigation of the app, while a backend coder can fill in things with the functionality?

[@dk-sky3820]

Functionality of the app is still front-end. Backend is the server side.

[@ashokmurthy7831]

For Xcode 12.1, the "ForEach" syntax now becomes : "ForEach(users, id: \.id) { user in ....". Thx for a great tutorial.

[@menteb]

Brian, what would be nice to see is how you truncate a Text() in a VStack in a detailed View (not a List). I tried every possible way to have the lines stay in the frame, to no avail. Also trying to find out how an Image() in a VStack can take the full width of the screen instead of going overboard.

[@iGageit]

great video! keep it up!

[@josuegisber8150]

Quick question: why not using List(0 ..< 5) { item in user) } ? look easier to me.

[@MattiaRighetti]

Straight question, is this new framework gonna make you switch from programmatically coding the UI?

[@LetsBuildThatApp]

For these high level simple screens, its very easy to get them done using SwiftUI. For deeper low level work, you'll still need code like the rest of the other platforms on earth.

[@gregorymolette118]

Great video thanks

[@TJ24291]

I didn't find your another tutorial that you promised in this tutorial - To build SwiftUI app for all those horizontal and vertical lists and the fancy UI. Di you not make the video yet or am I not able to find it? post the link if anyone has it.

[@LetsBuildThatApp]

Its been up on the channel for months already, please search under videos.

[@TJ24291]

@@LetsBuildThatApp Thanks. Found it.

[@brazo98]

Thank you Dude! Go ahead further...

[@PMX]

(video published on) June 5 - Jony Ive: Do I even work at Apple anymore? ( 1:48 ) June 27 - Tim Cook: Well...

[@LetsBuildThatApp]

Called it

[@Jaesleeshoots]

Hey Brian, are you using Catalina?

[@thachphamngoc5343]

Tools for SwiftUI development are only available when running on macOS 10.15 beta.

[@hubrismaxim]

Thạch Phạm Ngọc You can do SwiftUI development on macOS 10.14 - but you won’t get the live preview. You can fake it with preview. Of course you need the XCode 11 beta installed.

[@kheangsenghort842]

Thanks Brian for the best tutorial.!!! :DDDDDD

[@srikanth1992]

excellent tutorial..

[@buthex]

this is awesome

[@digvijaygida7388]

How to using SwiftUI remote notification and notification on a detail screen open?

[@mabco888]

In your ForEach, you don't need to use the users.identified(by:) because you made your Users model object conform to Identifiable. You only have to do that when your model object doesn't adopt the Identifiable protocol. Either way though, you still need a unique identifier. So, your ForEach just needs to just be ForEach(users) {...}

[@StewartLynch]

And, I am assuming, if you remove the Identifiable conformance, you can use the identified(by: )on any unique value. So, for example, if the names were all unique and you did not have an id field and no conformance to the identifiable protocol, you could use FOREACH(users.identified(by: \.name) instead

[@toastrecon]

So, dumb question: timeline for being able to use this in production apps? We have to wait until the new iOS is released, correct, and then, it'll work with the 80-90% of iOS users who adopt right away?

[@hubrismaxim]

Essentially correct. With one exception: it should work on the very latest releases of macOS 10.4 and iOS 12 - it works there currently and most people who are currently on the latest releases of those platforms are likely to upgrade right away so they should be a very small cohort.

[@mracipayam]

Could it BE anymore easy ?

[@mirjalolsirojiddinov3043]

Thank you!

[@vineethkrishnan1337]

Nice tutorial

[@alarsut]

how can i contact you if i have any problems? just sent you an email with an video but no response

[@LetsBuildThatApp]

....

[@alarsut]

@@LetsBuildThatApp i made the same app like you, the chat app but my logincontroller does appear like a popup and i can swipe it down to dismiss.. how can i block that? look at your mails i sent a video

[@alarsut]

@The Feedback Shack okey but i did the exact same like him, so i can't unterstand whats going on

[@LetsBuildThatApp]

You can book a 1-1 session on codementor.io for $125/hr

[@alarsut]

@@LetsBuildThatApp someone like you, can do this with 1 line code, so i thought you might could help me with this but okay if you dont want no problem

[@harikiranp4309]

how we can make code and view as side by side.... in mini Mac Xcode is it possible?....

[@hubrismaxim]

hari kiran You have to be on the macOS 10.5 beta and have installed the XCode 11 beta.

[@harikiranp4309]

@@hubrismaxim I think, it may be in beta stage.So, bug may be occurs frequently.

[@vladgordiichuk6807]

What’s the point of using swiftui now if it only supports iOS 13?

[@SAS3.1]

List { here is an error showing me Contextual closure type '() -> _' expects 0 arguments, but 1 was used in closure body please help me...

[@theraybae]

I had the same problem and it looks like it is deprecated. Google searched "SwiftUI identified" and it looks like the you'll have to change it to: ForEach(users, id: \.id) instead of ForEach(users.identified(by: \.id))

[@이은호-g5u]

ForEach(users, id: \.id){ user in Text(user.username).font(.headline) }

[@morteast1232]

my lord and savior

[@redpickle]

Im having issues with the ForEach(users.identified ... part. The .identified property doesn't seems to exist. Is this something that is deprecated or replaced with some other method. I don't know how to overcome this. It's 12:00 in the video if anyone wanna double check it btw.