Combining and Breaking a Vertical scrollView Horizontally in SwiftUi?

Question

does anyone have an idea how can i break Vertical ScrollView into small horizontal ScrollView using SwiftUi:

I have the code bellow which displays the youtubeResults vertically, since each item of the ForEach is smaller, so i want to group them by 3 itens Horizontally , then the following 3 itens goes bellow them vertically until the forEach ends.

I would like the results to be displayed like that(with images, this is just an example):

(Justin beiber) (Drake) (Omarion)

(Mandela) (Dj Khaled) (Nirvana)

(Justin beiber) (Prince) (Adele)

My code: Displaying the results one by one Vertically

 ScrollView (.vertical, showsIndicators: false, content:{
                    
                    LazyVStack(spacing : 25){
                        
                        ForEach(getData.youtubeResults){ result in
                            
                            SideItemView(youtubeResults: result, selectedTheme: self.$selectedTheme)
                        }
                    }
                    .padding()
                    .padding(.top)
                })

Don't you want to use LazyVGrid instead?

Asperi
– Asperi

2020-10-30 11:16:15 +00:00
Commented Oct 30, 2020 at 11:16 — Asperi
– Asperi, Commented Oct 30, 2020 at 11:16

Lost in Clouds · Accepted Answer · 2020-11-03 11:19:42Z

1

As stated by Asperi, LazyVGrid or LazyHGrid was the soulution, introduced by Apple in IOS 14+.

answered Nov 3, 2020 at 11:19

Lost in Clouds

233 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Combining and Breaking a Vertical scrollView Horizontally in SwiftUi?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related