Sticky headers in Jetpack Compose!

Опубликовано: 21 Октябрь 2024
на канале: The Android Factory
2,682
88

This video demonstrates how to build a beautiful UI with Compose's LazyColumn, and "sticky headers" can be a great way to improve the experience for your user! Sticky headers are specific UI elements (typically headers in a list of content) that "stick" to the top of your screen as the rest of the list content scrolls beneath it. Watch the whole video for a complete tutorial on this concept and let me know what you think about the implementation in the comments below!

Don't forget to subscribe and enable notifications to stay up-to-date!

Full playlist here:    • Season 15: Multi-module Jetpack Compo...  
Source code here: https://github.com/the-android-factor...

00:00 Intro
0:25 Off-screen setup
0:57 Documentation overview + model explanation
2:40 New networking implementation (fetch episodes)
4:50 Screen implementation
8:08 Chaining network calls
10:52 Group UI by season number
13:12 STICKY HEADER IMPLEMENTATION

=========== Popular Series ===========
Redux e-commerce app:    • Season 10: E-commerce app w/ Redux + ...  
Rick and Morty app:    • Season 6: Rick & Morty Android MVVM app  

=========== Connect with me ===========
LinkedIn:   / domenic-polidoro-802b72b4  
Instagram:   / dom_polidoro  
Twitter:   / developer_dom  
Tiktok:   / building_android