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 Oct 30 '20 at 11:16 — Asperi, Oct 30 '20 at 11:16

score 1 · Accepted Answer · answered Nov 03 '20 at 11:19

1

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

answered Nov 03 '20 at 11:19

Lost in Clouds

23
3

Combining and Breaking a Vertical scrollView Horizontally in SwiftUi?

1 Answers1