Redeem points — E-commerce Flutter screen
E-commerce
21 views

Redeem points

Redeem points is a production-ready E-commerce Flutter screen from FlutterKit — free, with full source code.

A production-ready Flutter rewards-redemption screen for any shopping, loyalty or membership app. A dark gradient balance card shows the customer's points total, tier badge and star icon, with horizontal filter chips (All, Vouchers, Shipping, Discounts, Perks) above a scrollable list of custom-painted coupon-ticket cards — each notched on both edges with a tinted icon, title, condition, point cost and a Redeem button. Affordable rewards stay live; unaffordable ones show a Locked pill with the points still needed, and selecting one raises a pinned Confirm bar. Pure Flutter, painter-only graphics, backend-agnostic via callbacks.

Full tutorial coming soon.

The step-by-step walkthrough and complete Dart source for this screen haven't been published yet. They'll be free when they are — no sign-up, no payment. In the meantime, browse the screens that already have their tutorial.

What's included

  • Dark gradient points-balance card with tier badge
  • Horizontal category filter chips (All / Vouchers / Shipping / Discounts / Perks)
  • CustomPainter coupon-ticket cards with punched side notches
  • Balance-gated Redeem button with Locked state showing points-to-go
  • Selected-card highlight and pinned Confirm bottom bar
  • Grouped thousands point-cost formatting

Use cases

  • Retail and e-commerce loyalty programs
  • Membership / tiered rewards apps
  • Cashback and points-redemption stores
  • Airline or hospitality perks catalogs

Related screens