Pulse · Verify Code
Pulse · Verify Code is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-auth-otp.
The Verify Code screen confirms a phone number during Pulse sign-up. It opens with a slim back IconButton, then a bold 28px 'Verify your number' headline and a Text.rich subtitle that inlines the injected destination number (default '+1 (555) 012 8890') in a brighter weight. Below sits a spaceBetween Row of six _OtpBox widgets — 48x58 rounded TextFields on the _surfaceAlt fill that shift their border from hairline grey to indigo #6E56F7 once filled and to the lighter #9B8CFF accent while focused. Typing a digit auto-advances to the next box, backspace steps back, and a single onChanged path detects a pasted multi-digit code, strips non-numerics, and fans it across all six boxes. A live Timer.periodic countdown from 42 seconds renders 'Resend code in 0:42' as muted text and, at zero, swaps to a tappable indigo 'Resend code' GestureDetector that restarts the timer. A pinned bottom bar with a hairline top border holds the full-width 54px Verify FilledButton, enabled only when all six controllers are non-empty. It is self-contained pure Flutter: bundled Inter font, its own #0B0B0F dark near-mono theme, SafeArea, overflow-proof via ListView, no network images, and fully backend-agnostic through injected onBack, onVerified, and onResend 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 _OtpBox TextFields (48x58) that recolor borders indigo #6E56F7 when filled and accent #9B8CFF when focused
- ✓Auto-advance and backspace focus logic that hops FocusNodes forward on a digit and back when a box clears
- ✓Full-code paste handling that strips non-numerics and distributes digits across all six controllers at once
- ✓A Timer.periodic 42-second resend countdown that swaps muted timer text for a tappable 'Resend code' link at zero
- ✓A pinned bottom Verify FilledButton gated by a _complete check across all controllers, with disabled surface styling
- ✓Injected onBack, onVerified, and onResend callbacks plus a configurable destination string, bundled Inter font, dark #0B0B0F theme
Use cases
- ✓Confirming a phone number during Pulse account sign-up before the profile setup step
- ✓Verifying a new device or login attempt via a one-time SMS or email code
- ✓Two-factor authentication challenge when a user enables extra account security
- ✓Re-verifying a changed phone or email from account settings, reusing the resend countdown flow
