Tag

WaterfallLayout

0 views collected around this technical thread.

Xianyu Technology
Xianyu Technology
Mar 16, 2021 · Mobile Development

Implementing Mixed-Span Waterfall Layout in Flutter

To enable mixed‑span waterfall layouts in Flutter, we built a custom FlowView that mimics RecyclerView’s StaggeredGridLayoutManager, handling normal and full‑width cards by dynamically selecting the shortest or tallest column, recycling off‑screen items, and achieving performance comparable to native GridView, now deployed in Xianyu’s home and search pages.

FlutterMobileDevelopmentPerformance
0 likes · 17 min read
Implementing Mixed-Span Waterfall Layout in Flutter