Lazy and amazy – Lazy layouts in Compose
summary
Jetpack Compose provides lazyColumn/lazyRow/lazyGrid that render items on demand, with lazyListState (firstVisibleItem + offset), rememberCoroutineScope + animateScrollToItem/scrollToItem for programmatic scrolling, and contentPadding/arrangement for layout. Grids support fixed, adaptive and custom gridCells plus item spans; lazyLayout lets you build custom managers. Item reordering animations land in Compose 1.1 and grids in 1.2—use contentType to improve reuse. Avoid zero-height items and nesting same-direction scrollers. Experimental nested scrolling interrupt links Views (CoordinatorLayout/RecyclerView) and Compose via a remembered connection and nestedScroll modifier.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 1:09Overview of lazy layouts
- 7:26Scrolling and state management
- 14:31Custom lazy layouts
- 15:37Item animations in lazy lists
- 17:45Lazy layout performance tips
- 25:09Performance optimizations
- 30:33Nested scrolling interrupt
- 37:38Summary and resources
related talks
37mPerformance in Compose:Lessons learned from Lazy layouts
55mOptimising UI in Jetpack Compose
21mUnusable or Undebuggable? Rebelling against best practices
44mBoosting Compose UI from Sluggish to Snappy
37mTackling Newspaper-Style UI in Jetpack Compose — Three Walls: Complex Gestures, Polygon Article Regions, and Adaptive Page Layouts
40mBoosting Compose UI from Sluggish to Snappy
54mOptimizing Render Performance of Jetpack Compose
37mUsing Performance Management Tools: Firebase Performance Monitoring and Macrobenchm…