在 SwiftUi 中水平组合和打破垂直滚动视图？

Posted 2023-02-24

【中文标题】在 SwiftUi 中水平组合和打破垂直滚动视图？

【英文标题】：Combining and Breaking a Vertical scrollView Horizontally in SwiftUi?

【发布时间】：2020-10-30 10:50:21

【问题描述】：

有谁知道如何使用 SwiftUi 将 Vertical ScrollView 分解为小的水平 ScrollView：

我有下面的代码，它垂直显示 youtubeResults，因为 ForEach 的每个项目都较小，所以我想将它们按 3 个水平排列，然后下面的 3 个垂直排列直到 forEach 结束。

p>

我希望结果是这样显示的（有图片，这只是一个例子）：

（贾斯汀·比伯）（德雷克）（奥马里昂）

（曼德拉）（Dj Khaled）（涅槃）

（贾斯汀·贝伯）（王子）（阿黛尔）

我的代码：一个一个垂直显示结果

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

【问题讨论】：

您不想改用 LazyVGrid 吗？

【参考方案1】：

正如 Asperi 所说，LazyVGrid 或 LazyHGrid 是 Apple 在 ios 14+ 中引入的解决方案。