Implementing a ScrollView in SwiftUI | Bootcamp #15

Making a view scrollable could not be easier in SwiftUI thanks to the ScrollView component. In this video we will implement both horizontal and vertical scrolling into our iOS application. We will also learn how to use ForEach statements within a ScrollView and how to embed ScrollViews within each other to easily create views that benefit from both vertical and horizontal scrolling!

🤙 WELCOME BACK 🤙

[Bob-hhcp]

The intro music makes my day I swear to GOD

[gibbersh-cw]

Coming from web development, the way you add lazy loading in Swift is a bliss!!

[macapple]

Hey Nick, I found your channel, I have been following your videos, I am a beginner in terms of swift UI, however your how to videos are giving me a lot of information that I could not find in other you tubers with similar approach, keeps this wonderful work up Nick, thank you so much for doing this in such a great way

[daltonbyrd]

"I may have just had too much coffee" 😂. Thank you, you're the bomb Nick! i found your videos trying to get more information on some concepts a class I was in didn't quite cover. Now I'm going through each video in the series because you give so much more detail and information that i haven't seen anywhere else.

[leyfqq]

Such a useful thing. Thank you for another great tutorial

[bobbynwm]

If we align the Vstack to .leading and add a line of text like a section, before the horizontal scrollview, the page gets really cool. Thanks Nick! All these clips are so nicely put together!

[AZMerf]

Keep going over the same concepts (e.g., opening the files, connecting, etc.). It’s super helpful to reinforce. Might also want to substitute shortcuts everyone once in a while.

[CMessineo]

This was my favorite lesson so far. Modified it slightly using ZStack to display the Row and Column number on each rectangle and also changed the color of each rectangle based on row and column. Modified code is below if anyone is curious:
ScrollView {
LazyVStack {
ForEach(0..<10) { index in
let x = index
ScrollView(.horizontal, showsIndicators: false,
content: {
LazyHStack {
ForEach(0..<10) { index in
ZStack {
25.0)
//.fill(Color.white)
.fill(Color(red: 0.0 + Double(index) * 0.1, green: 0.1 + Double(x) * 0.1, blue: 1.0))
.frame(width: 200, height: 150)
.shadow(radius: 10)
.padding()
Text("\(x) - \(index)")
}
}
}
})
}
}
}

[anaptskialadze]

Thanks Nick for an amazing content. You’re literally making my iOS journey way easier 🙏🤗

[williamwildsmith]

I drank way too much coffee.
Great set of training videos, nick. Really enjoying them.

[hegao]

OMG, Nick, thank you providing such great content, you are amazing, and that's really fun of learning the ScrolVview tool, wonderful, so cool so good, love it.

[dugrut]

YES: supper cool...this is amazing, NOW to put it to practical use. loading data into each field???

[bbulliard]

Bought you 3 coffees cause your the best teacher! Keep up the good work…..bob

[fredsonsilva]

The best channel! I’m learning a lot here. Thank you very much!

[magedmohmed]

Nick, Thank you very much for a very helpful explanation for us

[toheeborelope]

This keep motivating giving me new hope. I love it

[sander]

thanks again Nick your the absolute goat!

[dgh]

your efforts are really helpful to me! Thx!!!

[keshavkumar]

Hey Nick. Kudos to you man!! You are doing amazing job. I have one doubt in this video. When we make HStack or VStack as lazy, will it reuse the same views like in tableviews and collection views? or it will create a new view. What if we don't make the stack lazy and will it reuse or create an individual views for all index?

[shutterchi]

Hey man! I'm new here, and I love your videos!
I started from the beginning, and I'm here now after 2 days. I want you to know how much you're helping me...
Thank you!