Implementing That Common UI in Jetpack Compose: X Ways
summary
Practical recipes for implementing nine common UIs in Jetpack Compose using Material3 (some APIs are experimental). Covers concrete, runnable examples and code: circular and linear progress indicators, bottom navigation, modal bottom sheet with state and drag handle, accordion with spring animation, HorizontalPager carousel, credit-card input via VisualTransformation, sticky headers in lazy lists, animated scroll-to-position, and a “read more” text using TextLayoutResult, with notes on accessibility and tradeoffs.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 2:49Session purpose
- 7:38Loading indicators
- 10:33Bottom navigation
- 14:51Bottom sheets
- 18:48Accordion UI
- 22:22Credit card input
- 27:28Sticky headers
- 29:39Scroll to position
- 32:55Expandable text
- 37:18Q&A
related talks
18mCompose: Implementing responsive UI for larger screens
49mBuilding an Android UI using declarative programming in Jetpack Compose
44mUnleashing the Power of Jetpack Compose: Revolutionizing Android UI Development
31mDesigning Media Friendly Jetpack Compose Components
15mBuild beautiful Material Design apps with Jetpack Compose
35mNext Generation Android UI with Jetpack Compose
39mRe-Compose your UI: building an atomic design library
01h 00mJetpack Compose - Next Gen Kotlin UI Toolkit for Android