Settings — E-commerce Flutter screen
E-commerce
43 views

Settings

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

A production-ready Flutter settings screen for any shopping or marketplace app, backend-agnostic and self-contained. Preferences are organised into labelled cards: Regional (Language, Currency and Region rows that open a rounded bottom-sheet picker), Appearance (a Light / Dark / System segmented theme selector with accent-highlighted active state), Notifications (push and email toggle switches plus a tap-through row to detailed prefs), and Data (download-over-Wi-Fi switch and a clear-cache row showing current usage). Clean hairline dividers, Manrope type and an Airbnb-style accent throughout.

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

  • Grouped preference cards with section labels (Regional, Appearance, Notifications, Data)
  • Bottom-sheet pickers for language, currency and region selection
  • Light / Dark / System segmented theme selector with active accent state
  • Push and email toggle switches with brand-colored tracks
  • Tap-through nav row to detailed notification preferences
  • Clear-cache value row showing current storage usage

Use cases

  • E-commerce and marketplace apps
  • Fashion and retail shopping apps
  • Any app needing a grouped settings / preferences screen
  • Multi-region apps with locale and currency switching

Related screens