Sort by — E-commerce Flutter screen
E-commerce
39 views

Sort by

Sort by is a production-ready E-commerce Flutter screen from FlutterKit Pro, installable with flutterkit add ecom-cat-sort.

A production-ready Flutter sort sheet for any shopping or marketplace app. A grab handle and a 'Sort by' header with a close button sit above a divided list of seven options — Relevance, Newest first, Price low to high, Price high to low, Top rated, Best selling and Biggest discount — each pairing a rounded icon and a short blurb. Tapping a row highlights its label, recolours the icon and fills a hand-painted radio in the brand accent; the choice stays internal until the pinned Apply bar emits the selected label. Bundled Manrope, inline tokens and a SafeArea theme make it backend-agnostic.

Reveal the one-line command to drop this screen into your project.

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Grab-handle header with 'Sort by' title and close button
  • Seven single-choice sort rows, each with icon, label and helper blurb
  • Hand-painted radio that fills in the brand accent on selection
  • Active-row emphasis: bolder label and accent-coloured icon
  • Indented hairline dividers via ListView.separated
  • Pinned Apply bar that emits the chosen sort label on tap

Use cases

  • E-commerce and retail shopping apps
  • Marketplace and classifieds apps
  • Food delivery and grocery catalogs
  • Any product list needing sort options

Related screens