Cineo · Profile Lock — Streaming Flutter screen
Streaming
60 views

Cineo · Profile Lock

Cineo · Profile Lock is a production-ready Streaming Flutter screen from FlutterKit Pro, installable with flutterkit add stream-profile-lock-setup.

Profile Lock is Cineo's screen for securing a single streaming profile behind a 4-digit PIN. Under a centered top bar (back arrow, 'Profile Lock' title), a rounded brand-red lock badge sits above a headline that swaps live between 'Set a 4-digit PIN' and 'Confirm your PIN', with a muted helper line that turns to a red 'PINs didn't match. Start again.' error on mismatch. A CustomPaint driven by _PinDotsPainter renders four dots that fill and glow brand-red as digits are tapped, switching to a danger red on error. The custom _Keypad lays 1-9, 0 and a backspace on a 3-wide InkWell grid; tapping cycles a first-entry then confirm phase, firing onDone only when the two PINs match and resetting on mismatch. A pinned card carries a 'Require PIN to enter this profile' Switch (brand-red track) defaulted on. It is self-contained pure Flutter: bundled Inter font, its own near-black #0B0B0F cinematic dark theme with #E50914 accents, SafeArea, painted dots and keypad with no network images, overflow-proof, and backend-agnostic through injected onBack and onDone callbacks.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • _PinDotsPainter CustomPainter rendering four fill/stroke dots that glow brand-red and flip to danger red on mismatch
  • Custom _Keypad and _Key widgets: 1-9, 0 and backspace on a 3-wide InkWell grid with an empty spacer cell
  • Two-phase set-then-confirm PIN state machine that stores the first entry, compares the confirm, and resets on mismatch
  • Live headline and helper text that swap between set, confirm, and 'PINs didn't match' error copy
  • Pinned 'Require PIN to enter this profile' card with a brand-red Switch defaulted on
  • Injected onBack and onDone callbacks plus bundled Inter font and self-contained #0B0B0F dark theme

Use cases

  • Add a per-profile PIN gate so kids' or shared streaming profiles stay private
  • Onboarding step that forces a viewer to set a lock before a mature-content profile activates
  • Parental-controls flow letting an account owner secure and confirm a child profile PIN
  • Profile settings entry to enable or re-set the PIN required to open a Cineo profile

Related screens