LazyVStack and LazyHStack in iOS Swift - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is a LazyVStack in SwiftUI?

A LazyVStack is a vertical stack view that loads its child views only when they are about to appear on screen, improving performance for long lists.

beginner

How does LazyHStack differ from a regular HStack?

LazyHStack loads its child views lazily, meaning it creates views only when needed during horizontal scrolling, unlike HStack which creates all views at once.

intermediate

Why use Lazy stacks instead of regular stacks in SwiftUI?

Lazy stacks improve app performance and reduce memory use by creating views only when they are visible, which is helpful for long or scrollable lists.

intermediate

Can you nest LazyVStack inside LazyHStack? Why would you do this?

Yes, nesting LazyVStack inside LazyHStack allows creating complex scrollable layouts that load views lazily both vertically and horizontally, saving resources.

beginner

What happens if you use LazyVStack without a ScrollView?

Without a ScrollView, LazyVStack behaves like a regular VStack because all views fit on screen, so lazy loading has no effect.

What is the main benefit of using LazyVStack in SwiftUI?

A Creates views faster by loading all at once

B Improves performance by loading views only when needed

C Automatically styles views with shadows

D Disables scrolling in the stack

LazyVStack improves performance by creating views only when they are about to appear on screen.

Which container is needed to enable scrolling with LazyHStack?

A ZStack

B VStack

C ScrollView with horizontal axis

D List

LazyHStack must be inside a ScrollView with horizontal scrolling enabled to load views lazily.

What happens if you put a LazyVStack inside a ScrollView?

A LazyVStack becomes horizontal

B Views load all at once immediately

C ScrollView disables lazy loading

D Views load lazily as you scroll vertically

LazyVStack inside a ScrollView loads views lazily as you scroll vertically.

Which of these is NOT a feature of LazyHStack?

A Automatically adds padding between views

B Loads views lazily during horizontal scroll

C Improves memory usage for large lists

D Requires ScrollView for scrolling

LazyHStack does not automatically add padding; padding must be added manually.

Why might you choose LazyVStack over VStack?

A To improve performance with many child views

B To disable scrolling

C To add animations automatically

D To change text color

LazyVStack improves performance by loading views only when needed, useful for many child views.

Explain how LazyVStack improves app performance compared to VStack.

Think about how views are created and shown on screen.

Describe a scenario where using LazyHStack inside a ScrollView is beneficial.

Imagine a photo gallery you scroll sideways.