SwiftUI Tutorial: How to work with ScrollView for Complex Layouts

In this video, we take a look at how to work with ScrollView for complex layouts. We'll start by looking at how to create a horizontal ScrollView with a sticky header. Then, we'll move on to creating a more complex layout with multiple nested ScrollViews. Finally, we'll take a look at some best practices for working with ScrollViews in SwiftUI.

00:00 what we are going to build
01:29 overview of the sample SwiftUI project
05:16 Using custom card views and cells
6:46 pinned section headers with LazyVStack
8:11 horizontal scrollable section
10:42 Grid layout with LazyHGrid
13:41 Section title formatting
18:04 Wrap up

If you liked what you learned and you want to see more, check out one of my courses!
👩🏻‍💻 Combine course

#SwiftUI #ScrollView

[yurii_chynchyk]

Thanks so much Karin ! Your tutorials are always informative and extremely useful ! Your contribution deserves much much respect !

[wmblemania]

This was very good, useful.
Thank you Karin.

[DailyDoseof-Health]

Thank you so so much. Always wonderful. Also can you do a complete app tutorial like Instagram in swiftui?

[kuchdarith]

Dear sister, how can i keep pre view after reload because LazyVStack they load by visible view so after i back to pre they recreate view again. but i would like to keep the pre-view. How can we do it?

[onerichardc]

This is awesome, but can you to build a two-screen app. The first screen prompts the user to click the button to trigger a segue to the second screen. The second screen will contain a table view with three cells or more, each containing a UIImageView and a label. When the user clicks on one of the Table View cells in the second screen, that screen should be dismissed, and the background image of the first screen should be updated based on the selected cell in the second screen with the button to do the same thing once again?

[wnsrwrc]

Thank you so much!

I studied UIKit by myself for 6 months and now I want to learn SwiftUI, but I don't know in what order I should watch your lectures. I would be grateful if you could answer me.

[sharan]

Hi Karin, Thank you for this tutorial! I tried downloading the project but it doest work. download button is unresponsive