Custom Adaptive layouts in Compose | Spotlight Week

Learn the principles for how to build Adaptive layouts in Compose following the phase system, with examples of custom layouts using tips and tricks to bring designs to life.

Chapters:
0:00 - Introduction
0:23 - Phases and Adaptive layouts
5:06 - Breaking first frame correctness
6:53 - Subcomposition
7:37 - Window-level sizing information
8:23 - Custom layouts
17:39 - Solution flowchart

Resources:
Jetpack Compose phases → https://goo.gle/487LSMX
Custom layouts → https://goo.gle/3UesIz1
About Adaptive layouts → https://goo.gle/48ifd7l

Full code examples:
AdaptiveButtons.kt → https://goo.gle/4dSmITw
TextWithBadge.kt → https://goo.gle/3BOhwCY
MoreButtonText.kt → https://goo.gle/403eDZ9

Watch more Spotlight Weeks → https://goo.gle/SpotlightWeeks
Subscribe to Android Developers → https://goo.gle/AndroidDevs

#Featured #AndroidDevelopers #SpotlightWeek #JetpackCompose


Speaker: Alex Vanyo
Products Mentioned: Android,Android Jetpack Compose,Android Form Factors