使用 LazyVStack 创建瀑布流布局。

了解如何通过组合使用 LazyVStack 创建瀑布流问题。

使用 LazyVStack 创建瀑布流布局。

瀑布流布局通常被称为Waterfall FlowMasonry Layoutstaggered Grid

  • Masonry Layout:通常被用在 Web 前端开发中。
  • Staggered Grid:常用于 Android 开发中。

遗憾的是,LazyVGrid 目前尚不支持创建瀑布流布局

使用 WaterfallGrid 实现瀑布流布局

在这篇文章中,我们使用 WaterfallGrid 组件来实现了瀑布流布局:

使用 WaterfallGrid 实现瀑布流布局
了解如何使用 WaterfallGrid 在 SwiftUI 中创建瀑布流布局,解决 LazyVGrid 组件高度固定的问题。

但由于 WaterfallGrid 不支持懒加载,因此只适合用于固定且较少数量的对象展示。

使用 LazyVStack 实现瀑布流布局