Apply Coupon — E-commerce Flutter screen
E-commerce
61 views

Apply Coupon

Apply Coupon is a production-ready E-commerce Flutter screen from FlutterKit Pro, installable with flutterkit add ecom-checkout-promo.

A production-ready Flutter coupons and offers screen for any shopping or checkout flow. A filled promo-code field with a tag icon and a dark Apply button sits above an "Available coupons" list, where each offer is a CustomPainter ticket — a perforated stub with a value chip, the code, its headline and fine-print terms, plus a per-card Apply/Applied toggle that flips the ticket green. A pinned bottom bar shows a running savings line and a brand Apply button. Backend-agnostic, with onApply / onBack callbacks.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Filled promo-code TextField with tag icon and a dark Apply button that enables on input
  • CustomPainter coupon tickets with dashed perforation, side notches and a value/SHIP stub
  • Per-coupon Apply / Applied toggle that turns the ticket green on selection
  • Pinned bottom apply bar with a live savings line and brand Apply button
  • Headline plus fine-print terms (min spend, expiry, members-only) per coupon
  • Bundled Manrope fonts and inline Airbnb-style light theme, fully self-contained

Use cases

  • Fashion and retail shopping apps
  • E-commerce checkout and cart flows
  • Food delivery and grocery apps with promo codes
  • Any app with coupons, vouchers or loyalty offers

Related screens