SwiftUI Modifiers (Customize Your SwiftUI Elements) - Lesson 3

[@CodeWithChris]

QOTD ⚡ Do you like SwiftUI better than UIKit? Let me know! 👇 Kick start your own app with my free 7 Day App Action Plan ➡️ bit.ly/7dplan

[@rahulkambad7121]

Yes SwiftUI is more better than UIKit, Your learning videos are also too good and easy to understand

[@aacosta2007]

Hi First of all I have to tell you I really enjoy your videos you're probably the best teacher out there in SwiftUI. On the other hand it would be good for those of us doing the tutorials to see the code you wrote for the assignment you leave at the end of these videos. Maybe put a 1 sec screenshot of the "answer" at the end of the video or at the beginning of the next lesson idk. I know there is no "1 correct answer", but just to have an idea of how you did it and compare it with how we did it, and see more efficient ways to do it (probably like you) and get to know new functions and more. Thanks! Great job btw. Much appreciated all of your videos

[@vicentechavez9961]

Can you please add the code for the challenge. Just to double check our solution.

[@ric7576]

Hey Chris ! Just a question if I may, about the Hardcore Avocado Toast app view. I have managed to do most of it except get the blending effect at the top and bottom of the breakfast pic. So started off creating a Z Stack, with the TopGradient and BottomGradient pics in a VStack, set them to ignoresafe area. Then next in the ZStack I put the breakfast pic itself, but didn't ignore safe areas. So you can clearly see the black areas of the pictures it is stacked on top of. But I cannot find a way to blend the edges. I looked in the Attributes Inspector and found a blend modifier, but couldn't get it to work without affecting the colours of the pic itself. Apart from that I managed to get the textfields and heart log on top of the pic, by placing them in another VStack on top of the breakfast pic as the third element in the ZStack Any tips gratefully appreciated Many thanks Tariq

[@atulyaprakash2585]

I like Swift UI much more than UIkit

[@ramagarimidi]

Chris you are the best person ever! Unlike other youtubers you read comments that are really old and you even provide answers for them. And you team down at code crew.codewithChris is amazing I get help when I need it. 1st coding channel on KZbin from my opinion. You are really amazing

[@CodeWithChris]

Thank you so much for your kind words! Awesome to know you appreciate all our efforts. Have a nice day! :) Kat

[@holycrosscv]

The order of modifiers! THAT is a really helpful piece of information!! Thanks again for another amazing tutorial!

[@CodeWithChris]

Thank you for the feedback! 🙌🙌 Kat

[@sadiqqasmi]

Just complete challenge SwiftUI is really awesome than storyboard, Love it and love the way you teaches : )

[@CodeWithChris]

Thank you! Great job on finishing the challenge. -Kat

[@devhopes]

Can you share it? If i supply my email, can you send to my email?

[@rajeevkalangi2472]

I've been into iOS programming lately from android... You are so soothing to listen and I'm gaining a lot brother... Thanks for your help...

[@CodeWithChris]

Happy to hear that! How do you like iOS app development so far? - Kat

[@rajeevkalangi2472]

@@CodeWithChris ... I'm liking it... You are so patient in explaining in detail the critical needed points though they are simple to understand... I like that approach so better brother as a beginner... Will drill through all your videos soon...

[@arifakcay4992]

Hello Chris, you are talking about simple but really important points. thank you for your effort.

[@CodeWithChris]

You are welcome! - Kat

[@yoanbele7802]

Hey Chris, great video! You explain the concepts very well. Keep going on, you nailed it 👍🏾

[@CodeWithChris]

Glad you liked it! Thank you! 🙌 - Kat

[@Vijjuuuu1]

Really good Swift UI tutorial.. Please keep up this work :) I was stuck at the challenge.. and then visited the community group and it helped me..!

[@CodeWithChris]

Glad it helped! Stay tuned for more SwiftUI tutorials! - Kat

[@ric7576]

How do I find the community group please?

[@marcogarzon7043]

Awesome to have these challenges!

[@CodeWithChris]

Thank you! 🙌 - Kat

[@srujan9539]

Your Content is Really awesome 💛💛💛

[@CodeWithChris]

You are more awesome! -Arthur

[@TJM-96]

Hey Chris, I am very new to Swift and I just started learning SwiftUI today through your playlist, SwiftUI is awesome and its going to make the project I want to work on so much easier to build the UI for, but the project needs to connect to an AWS backend with a MySQL database, can you build a tutorial to show how to build an app that can connect to an AWS backend and receive values as JSON objects / JSON strings?

[@CodeWithChris]

"Hello, sadly we dont have a tutorial using AWS, however we have an article that you can refer to easily manipulate JSON here codewithchris.com/swiftyjson/ - Francis "

[@davidramery1761]

Hi Chris, I've discovered your channel a few days ago, waouh !!!! I've completed the video challenge and i've got one for you : do your next video in french please, my english is not very good. :D Thanks a lot ! A french beginner in coding

[@CodeWithChris]

Thanks for learning with us! If you click the Subtitles in the Settings, there's an option for Auto-translate. Hope that helps! Kat

[@judy8821]

Thank you for the challenge, Chris. I think I did Okay. Wasn't sure how to get the breakfast picture to merge into the backgrounds but I think I got it close.

[@CodeWithChris]

Great job! Thanks for watching! Kat

[@xoverwatch8826]

Yeah me too

[@lankystudent]

These are great tutorials

[@CodeWithChris]

Thank you! 🙌🙌 Kat

[@rubengam3r]

Chris not sure if you have run into this. But when I load project on to a device the image is not full screen. Even though the preview shows that it is. Any thoughts on that?

[@CodeWithChris]

Hello, not sure about this maybe you can try changing the content mode to fill just to be sure - Francis

[@geoffplywood6112]

Helpful demo, thank you.

[@CodeWithChris]

Glad it was helpful Geoff! -Kat

[@litusfixe9629]

So far I feel better with swiftUI! Great tutorials by the way. Are you going to upload the match app for swiftUI???

[@CodeWithChris]

We'll see what we can do. Thanks for the support! :-) -Arthur

[@devhopes]

Great Lesson - highly informative :)

[@CodeWithChris]

Welcome! - Kat

[@amurthar2058]

Can u tell me the tutorial which cover topic of alerts??

[@CodeWithChris]

It's in the work but if you want to speed up the process, you can push for that video to be made sooner, come and vote: codecrew.codewithchris.com/c/requests/ @AdrienVillez

[@devhopes]

I can't find the assets for this lesson :|. I can get the challenge assets but not the ones for the lesson. Chris. mentioned there is a Welcome Lesson that links to all the assets, code, etc.. can you post that link?

[@CodeWithChris]

Here are all of the resources: kzbin.info?q=https%3A%2F%2Fcodewithchris.com%2Fcode%2FSwiftUI%2520M1L02%2520Lesson%2520Assets.zip&redir_token=OusZa5Rlj8qosxZTHYwrI8SlSw58MTU4NDkyMTAwOEAxNTg0ODM0NjA4&event=video_description&v=rmTQcILJRcY kzbin.info?v=MJP60XnN4us&event=video_description&redir_token=WAYn_gzVR9DkvnO-nB_POMY7VJV8MTU4NDkyMTA4OUAxNTg0ODM0Njg5&q=https%3A%2F%2Fcodewithchris.com%2Fcode%2FSwiftUI%2520M1L03%2520Activity%2520Assets.zip kzbin.info?q=https%3A%2F%2Fcodewithchris.com%2Fcode%2FSwiftUI%2520M1L04%2520Starter%2520Project.zip&v=wQLOWv8l7yI&event=video_description&redir_token=LokwxrZrkMlUj4Vfji_dWA8A4CJ8MTU4NDkyMTExNEAxNTg0ODM0NzE0 kzbin.info?redir_token=M_WpsanhBg_3FWOLzKMjiS_OrjB8MTU4NDkyMTE1M0AxNTg0ODM0NzUz&q=https%3A%2F%2Fcodewithchris.com%2Fcode%2FSwiftUI%2520M1L06%2520Lesson%2520Assets.zip&v=51Z9Kun7tFo&event=video_description - Kat

[@devhopes]

@@CodeWithChris Thank you Kat, it was found in the 3rd link you provided: kzbin.info?q=https%3A%2F%2Fcodewithchris.com%2Fcode%2FSwiftUI%2520M1L04%2520Starter%2520Project.zip&v=wQLOWv8l7yI&event=video_description&redir_token=LokwxrZrkMlUj4Vfji_dWA8A4CJ8MTU4NDkyMTExNEAxNTg0ODM0NzE0 It gave me the file ::SwiftUI M1L04 Starter Project.zip - which should have been in SwiftUI M1L03.zip - in case you want to update you file location, thank you for your quick response. I love the CodeWithChris channel and would recommend it 100%

[@carlosfernandez6470]

Love this videos Chris thank you

[@CodeWithChris]

Welcome and thank you for watching! Kat

[@jdrsims]

Hi, Chris what's the difference between Spacers() and .offset? I used mostly offsets for the challenge and it looks exactly like your view. Thanks for the challenges it really helps retain info.

[@CodeWithChris]

"Hello, a Spacer is usually some sort of view that takes up space by itself, so its like a ""blank"" item, while an offset is making the margins or spacing bigger between different views - Francis"

[@GG-hk5iz]

Hi Chris .Thanks for your tutorial . Do you somewhere provide the solution of the challenge as well?

[@CodeWithChris]

Unfortunately, for this one, we don't have it. - Kat

[@BattleDrumz]

Nailed the challenge... now what? :P

[@CodeWithChris]

Awesome! Here are our other SwiftUI tutorials: kzbin.info/aero/PLMRqhzcHGw1Z-lZaaun3A3mV9PbEfHANI -Kat

[@bitsurfer0101]

Is the Text() command equivalent to a TextField in swift? I noticed that it wraps automatically.

[@CodeWithChris]

Hello, this might be the case or it could be a variable of label - Francis

[@甜甜-d4e]

Where are the image asset CHRIS I CAN'T find it plz help me

[@CodeWithChris]

It's just in the video description. - Kat

[@LoicGottwalles]

I don't manage to stay in the safe area for the challenge. My text and my heart image go beyond. What can I do?

[@CodeWithChris]

Hello, make sure that the anchors for the constraints are referencing to the nearest neighor which is the superview (or the safeview), you can click on those lines at the side of the uielement and change the values from there - Francis

[@mamtasasotri7045]

Can somebody please tell me where the challenges folder is and also where can I find solutions to these challenges!

[@CodeWithChris]

Hello, allow our technical support staff to help. Post your concern here: codecrew.codewithchris.com -Arthur

[@IkaayEbi]

Hey Chris! Thanks so much for the tutorial , super helpful. I have a question regarding the challenge. I have the "Hardcore Avo Toast" text and Health_heart in a HStack (HS) which is then embedded in a VStack (VS) along with the bottom text. The HS and the bottom text are separated by a Spacer element which works fine and all stays within the Safe Area. At this point, the whole VS is in the Safe Area but the top two elements have no Spacer between them. When I try to add one, the VS expands out of the safe area and some of the top left text and top right image are off-screen. What is causing this ? Why is my VS going out of the safe area without my telling it to? Thanks !

[@CodeWithChris]

Hello, I'm not really sure how to help you if we cant see your codes and a screenshot. why dont you head on over to our forum at codecrew.codewithchris.com and see you there :) - Francis

[@kayajones527]

where can i find the code from the challenge

[@CodeWithChris]

Unfortunately, there's no source code available for this.:( -Kat

[@borriekerrie942]

Another awesome video!!! I am stuck however... got everything right on the challenge project, except the transparency(opacity) of both the gradient pictures.... please help - what is the correct "Modifier" to lighten the gradient pics? Or is there another method to be implemented?

[@borriekerrie942]

ahh.... I fixed it myself.....

[@CodeWithChris]

Hello, glad it's fixed now! If you need coding help, you can always ask questions in the community group here. bit.ly/CodeCrewCommunity - Kat

[@blackballization]

I Like it but also still worry about if i can use it for implement the UI for my current project or i'll phase some hurdles because my project is large with complex UI , Thnx

[@CodeWithChris]

Hello, as long as you can still manage and read the codes for your UI then it should be fine. Try adding comments so it will be easier to remember especially on bigger projects - Francis

[@newbiegeek8407]

till now i like swiftUI more than UI kit because it is much faster and easier

[@CodeWithChris]

Cool! - Kat

[@abialif3314]

Where can I find the solution for the challenge ?

[@CodeWithChris]

Hello, kindly post your question here so that our tech support staff can assist you: codecrew.codewithchris.com. Thank you! -Arthur

[@glenreidy]

Where are the assets for the lesson?

[@CodeWithChris]

It's in the video description: kzbin.info?q=https%3A%2F%2Fcodewithchris.com%2Fcode%2FSwiftUI%2520M1L03%2520Activity%2520Assets.zip&v=MJP60XnN4us&event=video_description&redir_token=VzA0hCOWatfZ8sAuWaxCCpumPM58MTU4NjczODU0N0AxNTg2NjUyMTQ3 - Kat

[@devhopes]

@@CodeWithChris This link is to the Challenge assets and. not to the Lesson Images: ie : pinkbuilding is not in these assets

[@newbiegeek8407]

chris can you make a cheat sheet about what each modifier does

[@CodeWithChris]

That's awesome. Can you send us this request here? cwc.to/request - Kat

[@judy8821]

SwiftUI is going to be better. Needs work yet. I really need a collectionView!! I created a match game like the one you did in UIKit and would like to convert it to SwiftUI before I publish it.

[@CodeWithChris]

We'll probably do a match game tutorial in SwiftUI in the future, it's on our list! :) Kat

[@ich_16]

i like how SwiftUI is easy and fast to see the changes on canvas but it don't give me freedom that UIKit has , i cant write functions as i want and line it as UIKit , may be because i have using UIKit many years so it feels new 😬

[@CodeWithChris]

Yes, SwiftUI is great but it has its own drawbacks. -Kat

[@boofy936]

Hey Chris, been watching your tutorials for a while now. I have a question. I am developing my first app and I would like to have a website to go along with it. How can I set it up so all the user data retrieved from the mobile app and the website go to the same place? For example, how does postmates.com and their mobile app retrieve data from both the webpage and the app?

[@CodeWithChris]

Hi! Can you kindly head over to our forum community so that our technical support staff can assist you regarding this? codecrew.codewithchris.com :-) Thanks a ton! -Arthur

[@LUKAS-bb4jc]

I have a cool video idea for you : in other videos from you I saw that you have the original iPhone, you could do a video of you building an app for that device. Have a nice day 😃

[@CodeWithChris]

Hello Lukas! Thanks for the suggestion! Kat

[@glenmoor3]

Different. For example setting the background colour of button 2 when pressing button 1 was easy using storyboard, can't work out how to do it using swiftui

[@judy8821]

You need to use a State variable which Chris covers in a later tutorial but here is a snipet of the code I wrote to get you started. I wonder, though, how you could choose the color to put in from an array of colors, maybe change Color.green, etc. to a variable itself. I'll have to try it later. struct ContentView: View { @State private var changeBackground: Bool = false var body: some View { VStack { Spacer() Button(action: { self.changeBackground.toggle() }) { Text("BUTTON1").font(.title).fontWeight(.heavy).foregroundColor(.white).background(Color.black) } Spacer() Button(action: { }) { Text("BUTTON2").font(.title).fontWeight(.heavy).foregroundColor(.white).background(changeBackground ? Color.green : Color.blue) } Spacer() } } }

[@CodeWithChris]

Thanks for helping each other out. Keep on going! :-) -Arthur

[@18nikhilchauhan80]

great

[@CodeWithChris]

Thank you! Kat

[@glenreidy]

If you want more than one line of text type Thanks nemptna

[@CodeWithChris]

Awesome! Thanks. - Kat

[@MartensFamilyHomeMovies]

"Now that I have showed you". is actually "Now that I have shown you"

[@CodeWithChris]

Thanks for the feedback. -Kat

[@tridaynee]

i like SwiftUI more than uiKit

[@CodeWithChris]

Cool! We have a lot more SwiftUI tutorials coming up. I'm sure you'll learn a lot from them. :-) -Arthur

[@GoingYachting]

A

[@CodeWithChris]

B, C, D, E? :-)