Skip to content
Videos
Video

Sticky Grouped Headers in Flutter

by Marco Napoli youtube.com

28 min 1.7k views

Course Demo App Need to create grouped sticky headers? There is a new widget in town, the SliverMainAxisGroup allows you to arrange multiple slivers together. Create sticky headers that are pushed out of view as each sliver group scrolls by. You’ll learn to use the SliverMainAxisGroup with AppBar or SliverPersistentHeaderDelegate to create sticky headers. Overview • CustomScrollView using slivers for scrolling effects and performance • Group slivers with SliverMainAxisGroup widget containing sticky headers and grouped data • Create sticky headers for each group by using SliverAppBar • Alternatively create sticky headers for each group by using SliverPersistentHeaderDelegate • Format actual grouped data with ListTile and leading Icon • Create a service to load JSON quotes List and Map them to a class model • Create reusable widgets • No third-party packages needed You can find course resources like project's source code, helper code files, slides at: https://github.com/JediPixels/course_sticky_grouped_headers_slivers The source_code folder contains the starter project split_screen_responsive_starter and the split_screen_responsive folder contains the final project. The slides folder contains the PDF slides for the course. The code_helpers folders contain the final code helper for each file created. https://jedipixels.dev #flutter #flutterwidgets #dart #fluttertutorial

Made by

Marco Napoli @marconapoli 🇺🇸 United States

Available for hire

Marco Napoli is the CEO of Pixolini an experienced mobile, web and desktop app developer. He has a proven record in developing visually elegant and simple-to-us...

View Marco on Flutter Pro
Forum

Questions about this, or something to add?

Discuss on the forum

Topics Performance

It's All Widgets

Apps by Marco Napoli

  • Fatima Prayers screenshot

    Fatima Prayers

    The Five Fatima Prayers

    Lifestyle 5.0
  • Conyers - Our Loving Mother screenshot

    Conyers - Our Loving Mother

    On November 30, 1987, while Nancy was in silent prayer of the heart in her home, the Crucifix was illuminated in a bright whiter than white light. The image of the corpus was engulfed in light and became lifelike.

    Lifestyle 4.4
  • Nine Choirs of Angels screenshot

    Nine Choirs of Angels

    The Nine Choirs of Angels, are hierarchical orders or choirs of angels in heaven. These choirs are grouped into three spheres, each consisting of three choirs, based on their proximity to God and their assigned duties.

    Books & Reference 4.2
  • TimeStamp Private Journal screenshot
    Featured

    TimeStamp Private Journal

    Capture life’s moments with TimeStamp! Cherish connections by tracking everyone who shared your special times. Download now and make your memories unforgettable!

    Lifestyle 5.0

Report this · Wrote this? Claim it

Supported by