Custom Layouts in Jetpack Compose
summary
An overview of customizing layouts in Jetpack Compose: why standard documentation is sparse, how the Compose layout phase works and its limitations, and which APIs let you implement custom layouts. Includes practical tips, undocumented nuances and hacks, and concrete examples drawn from building Avito design-system components.
AI-written summary · about
chapters (15)
- 0:00Introduction
- 1:50Jetpack Compose adoption
- 2:53Layout theory in Compose
- 3:36Why not change layout
- 5:06Compose phases
- 6:35Constraints impact
- 8:12Modifier layout changes
- 10:42Composable custom layouts
- 12:49Stretching chips example
- 15:21Intrinsic sizes usage
- 18:32Deferred composition with SubcomposeLayout
- 23:20Custom LazyLayout grid
- 29:15State in custom layouts
- 31:02Summary and comparisons
- 32:09Q&A
related talks
40mComposing Creatively with Custom Layouts
07mBasic Layouts in Compose
01h 12mJetpack Compose over inheritance
01h 09mJetpack Compose for consistency of your apps' UI
45mHow We Built a Design System in Jetpack Compose
35mNext Generation Android UI with Jetpack Compose
49mImplement your own design system with Jetpack Compose
33mThe dark sides of Jetpack Compose
