Practical edge-to-edge: A Complete Walkthrough
summary
Explains how LINE implemented edge-to-edge UIs by expanding app content into system bars using WindowCompat.setDecorFitsSystemWindows and WindowInsets listeners, with separate XML and Jetpack Compose flows (Compose uses WindowInsets padding modifiers). Describes two per-screen strategies—transparent vs opaque navigation bar—chosen based on scrollable content and interactive controls, and details practical issues encountered (OEM button icons disappearing so overlap disabled, fragile nav-mode detection, padding/color bugs on resume) plus a custom bottom-sheet fix and remaining device-specific problems.
AI-written summary · about
chapters (8)
- 0:00Edge-to-edge implementation
- 1:45Android edge-to-edge
- 5:17LINE’s edge-to-edge guidelines
- 7:43Edge-to-edge steps
- 9:07Edge-to-edge in Jetpack Compose
- 10:30LINE’s implementation issues
- 17:35Maintaining edge-to-edge
- 19:01Edge-to-edge summary
related talks
38mCutting-Edge-to-Edge in Android 15
07mInsets: Compose edition
37mGoing edge-to-edge with Gesture Navigation- 07mInsets: Compose edition
28mBecoming a master window fitter�
38mImplementing That Common UI in Jetpack Compose: X Ways
33mUnderstanding WindowInsets
18mCompose: Implementing responsive UI for larger screens