SwiftUI Tutorial: How to work with ScrollView for Complex Layouts

Рет қаралды 9,565

Күн бұрын

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!
👨‍💻 my SwiftUI course school.swiftyplace.com/course...
👨‍💻 my Core Data and SwiftUI course school.swiftyplace.com/course...
👩🏻‍💻 Combine course
school.swiftyplace.com/course...
⬇️ Blog Post and Project files: www.swiftyplace.com/blog/how-...
#SwiftUI #ScrollView

Пікірлер: 17

@yurii_chynchyk Жыл бұрын

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

@rDivaDuck Жыл бұрын

Absolute, she's one of the best and most useful out there

@w0mblemania Жыл бұрын

This was very good, useful. Thank you Karin.

@andreyp7224 8 ай бұрын

Thank you so so much!

@user-oz7em8zp1u 5 ай бұрын

Many thanks!!

@AndrewDChristie 5 ай бұрын

Thanks!

@dmitrygolovin8066 6 ай бұрын

More Swift Ui Content please!

@DailyDoseof-Health Жыл бұрын

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

@onerichardc 9 ай бұрын

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?

@user-wn8sr2wr1c Жыл бұрын

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.

@SwiftyPlace Жыл бұрын

I wanted to write a blog post about how to learn SwiftUI. With a detailed list of all the topics and the corresponding resources. Including my stuff and other people's links. I will let you know when it is done.

@user-wn8sr2wr1c Жыл бұрын

@@SwiftyPlace thank you I'll wait.

@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?