How to create custom ViewModifiers in SwiftUI | Advanced Learning #1

We're going to start off the series with one of the easier videos and learn how to create custom ViewModifiers! These are extremely useful in production apps because they make it extremely easy to create and reuse modifiers for specific views. If you want to be able to reusable a specific look or feel for any object, creating a custom ViewModifer is a great solution.
Next video: • How to create custom B...
Last video: • Master SwiftUI online ...
🤙 WELCOME BACK 🤙
WEBSITE: www.swiftful-t...
DISCORD: / discord
GITHUB: github.com/Swi...
SAY THANKS: www.buymeacoff...

[@jordancalhouncom]

I greatly appreciate how you build up to the extension and include self in the extension func for explanation before simplifying it. Helps understand what the language itself is doing so much more than if you just imediantely went to the final code

[@RoshniParekh-h6x]

I am learning swiftUI by watching your all bootcamps, Every single video is very very useful👍, Thanks for covering all points.

[@SwiftfulThinking]

Thanks for watching 😁

[@KimbrellBrad]

Great start here! You also always pick the perfect music for your videos. Thanks!

[@AZMerf]

Thank you for covering this. Even if I’ve used them before, I like your style and always learn something new.

[@sols.2525]

Glad you're back Nick. Good start to a new series!

[@SwiftfulThinking]

🥳

[@midnightcoder]

Best series on SwiftUI hands down

[@Notkdenben]

I am new to programming, especially with swift, but this was a very interesting and helpful topic as it better explains what swiftUI is going. I don’t think the topic was covered quite this deep, but this video plus the one covering view builders helped me understand a lot of what swiftUI is doing for us in the background.
For instance, all modifiers are just functions that take in some parameter and return said modified view. And for the viewbuider video, I can now better grasp why so much of SwiftUI containers that hold views are just view builders.
I’m not sure if that’s a perfect way to describe these concepts, but that’s sort of what I took away from them.

[@penyt]

This is so helpful! I've seen tutorials on creating Custom TextField Styles using much harder codes, but instead I could have just used this! I also am able to create the same modifier for TextEditor where the TextField Styles don't apply. I am so happy I came across your channel from a random recommendation online =] Liked and Subbed!

[@Krafcik226]

Amazing feature, super simple and reusable. Will definitely use it in my apps.

[@philippegden9826]

Hi Nick, Great that you’re back. Really looking forward to this series. Quick question - why do we use the ViewModifier vs just write an extension on View - much like you have done, but with the modifiers we want there?

[@SwiftfulThinking]

Hey Philip! Honestly, that is a great question and I'm not really sure. But I do know that Apple's documentation says to do it with custom ViewModifiers. Maybe there's performance benefits?

[@BatouOfNexus]

@@SwiftfulThinking Just writing an extension on a view depends on using existing modifiers. Thus you still need the method that applies your modifications at the end of the day somewhere. This method needs a consistent interface that is reusable hence the protocol with the object you pass in.

[@indomitabletr1834]

Hi Nick, you are awesome, Your teaching is amazing

[@brucknerdevilliers]

Great video, thank you. I moved the ViewModifier struct to its own Swift file - works like a charm and shortens the View code.

[@shahbokhari]

Hello Dear Nick Sir, please make your SwiftUI Videos 4K resolution. They are more pleasing to the eyes in the 4K displays. Besides, your contents are really helpful and so are your courses. Thank You

[@SwiftfulThinking]

I thought these were uploading 4K 😭 I'm going to figure this out, sorry!

[@sumeshvs8605]

Although I already know how to create custom View modifiers. Still, I'm very eager to see how you presenting this

[@SwiftfulThinking]

Haha hope you liked it. I hope some of the next videos will be more helpful lol

[@ConfidentlyRong-jo5yt]

It may simple but it sure is powerful!

[@danielwatson6529]

any idea how to do this with Images? I kept getting weird stuff like this "Instance member 'resizable' cannot be used on type 'Image' "

[@SwiftfulThinking]

You can't do this directly with an Image because by protocol definition ViewModifier has to be applicable to any View. However, you can create extensions of Image directly, something like:
extension Image {
func myModifier() -> some View {
self
.resizable()
}
}

[@softcoder404]

I have been waiting for this video... thanks boss

[@SwiftfulThinking]

Thanks for watching Abdul!

[@m__link6499]

Nick, why use the extension while the custom modifier always do the same thing 🤔? thank you,

[@sols.2525]

I believe it is so you can get rid of having to use .modifier and passing in the func. Instead you can just call the extensions function.

[@FabricioMTL]

Nick you are the best ♥️

[@HolographicKode]

I assume you can just skip creating the func version and just go with the extension alone (e.g. move the modifiers form the function into the extension).

[@minimaster.10]

modifier its inside group Extension ? or have specific name folder ? please answer my question 🫡

[@sanchirmunkh-erdene6405]

Good stuff!

[@ABNERJUDE]

Hi Nick, I'm an avid follower of viewing your SwiftUI tutorials. I'm a beginner and I'm moving on to watching your tutorials for me to learn as much as I could. When you have the chance, could you make one tutorial of a Mask ViewModifier wherein hundreds of small pieces of Rectangle-shapes acting as masks to dissolve any Image or Shapes? Thank you very much for your time and to all your video tutorials!

[@SwiftfulThinking]

Does this help: ruclips.net/video/pxx1ueCbnls/видео.html

[@ABNERJUDE]

@@SwiftfulThinking I'll check that out and see how I could implement those techniques you've presented in that Mask tutorial, to the View that I had in mind. Thanks!

[@ABNERJUDE]

@@SwiftfulThinking Hi Nick, I know that creating a ViewModifier requires a function or method in it --- func body (content: Content) --> some View. Can I embed another function/method within this? If yes, please show me how. I'll appreciate so much your response. Thanks!

[@froggy58400]

Awesome video! Thank you so much 🙏

[@emadisaac7052]

Man you're a Legend , I want to ask can you do a complete Complex App like Uber . thanks for your effort

[@emdutt4012]

another awesome video ..

[@Максим-ш7х4й]

Thank you so much bro) explained cool

[@tokero5199]

I liked the video but I find this example (of a button) would be better implemented as a custom view...

[@josemanuelortizsanchez4983]

Good video, thanks!

[@AdjieSatryo]

Thank you, really aprreciated

[@selvarajant]

Awesome

[@neneqixia4773]

The video is great🥳

[@SwiftfulThinking]

Thank you 🥳

[@TMT-ii3ro]

thanks for lecture

[@stolenhen]

great video!

[@SwiftfulThinking]

Thanks!

[@guoweiyang5894]

Thank you som much ,, can you post the github address links about these course coding examples so that I can download to learn

[@rinotheone6806]

sanks bro!

[@magedmohmed4403]

I like a new Music 😂

[@prasadreddy878]

Bro please do video on Extensions

[@SwiftfulThinking]

Haha I didn't think they needed a separate video. It's just an extension of a class or struct that we can then put anywhere in our code!

[@loucadufault6549]

Video starts @ 7:35
Also 1.5x speed

[@StianF]

Honestly, unwatchably slow. "Advanced learning", spending more than four minutes on creating a new project, then spend five minutes explaining why it's a bad idea to copy and paste the same code over and over. This video should have started at 9:15 and ended at 9:30, skipped to 12:30, then just end at 13:00. Nothing before or after that had any value whatsoever and was 100% a waste of time. Also, no need to remove the font, just override it by putting it after the modifier if necessary. This video being 19 minutes was a robbery of time, yours and ours.