Verify code — E-commerce Flutter screen
E-commerce
65 views

Verify code

Verify code is a production-ready E-commerce Flutter screen from FlutterKit Pro, installable with flutterkit add ecom-auth-otp.

A production-ready Flutter OTP verification screen for any shopping, checkout or account-login flow. A bold "Verify it's you" heading sits above a subtitle that echoes the masked phone or email the code was sent to. Six rounded code boxes are driven by a single hidden digits-only field — the active cell shows a brand-pink outline, filled cells turn ink. A "Didn't get a code? / Resend code" block sits below, and a pinned bottom bar holds a stadium Verify button (disabled until all six digits land) plus a Change number link. Backend-agnostic, exposing onVerified, onResend and onChangeNumber callbacks.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Six rounded OTP boxes backed by one hidden digits-only TextField
  • Active-cell brand outline with ink-filled completed digits
  • Auto-fires onVerified the moment six digits are entered
  • Resend code control under a 'Didn't get a code?' prompt
  • Sticky bottom bar with a stadium Verify button disabled until complete
  • Change number link and a circular back button

Use cases

  • E-commerce checkout and account login
  • Phone or email OTP sign-in flows
  • On-demand and delivery apps
  • Any two-factor or passwordless verification step

Related screens