Cineo · Enter PIN
Cineo · Enter PIN is a production-ready Streaming Flutter screen from FlutterKit Pro, installable with flutterkit add stream-profile-pin-enter.
Enter PIN is the unlock gate for a locked Cineo profile in a Netflix-style movies and TV app. A top bar carries a single close (X) icon wired to onBack, then a centered column presents the profile's painted gradient avatar (a vivid orange-to-red rounded square with a friendly geometric face drawn by _AvatarFacePainter), the bold headline "Alex's profile is locked," and a helper line that reads "Enter your 4-digit PIN" — flipping to the brand-red "Incorrect PIN. Try again." on failure. Below sits a four-dot PIN indicator rendered by the _PinDotsPainter CustomPainter, filling in cinematic red as digits land; a wrong 4-digit code trips the SingleTickerProviderStateMixin shake controller, translating the dots with a damped sine motion, turning every dot red, then clearing the entry after a short delay. The _Keypad and _Key widgets lay out a 3-column numeric pad (1-9, 0, and a backspace_outlined key) using InkWell taps over transparent Material for ripple feedback, and a TextButton "Forgot PIN?" link fires onForgot for an email reset. It is self-contained pure Flutter: bundled Inter font, its own ThemeData.dark theme on a near-black 0xFF0B0B0F canvas with red 0xFFE50914 accents and muted gray text, all art hand-painted with no network images. SafeArea plus Spacer-based layout keeps it overflow-proof, and the screen is fully backend-agnostic, wired through injected onBack, onUnlocked, and onForgot callbacks with a demo-only correct code.
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 drawing the four filled/stroked PIN dots that turn red on error
- ✓SingleTickerProviderStateMixin shake controller with a damped-sine Transform.translate on wrong codes
- ✓_Keypad and _Key numeric pad (1-9, 0, backspace_outlined) with InkWell ripple taps over transparent Material
- ✓_AvatarFacePainter gradient rounded-square avatar with a painted geometric face and six color variants
- ✓Injected onBack, onUnlocked, and onForgot callbacks plus a Forgot PIN TextButton reset link
- ✓Bundled Inter font, own ThemeData.dark theme, SafeArea and Spacer layout — overflow-proof, no network images
Use cases
- ✓Gate a locked kids or adult profile behind a 4-digit PIN before playback resumes
- ✓Enforce parental-control access on shared streaming accounts across a household
- ✓Protect mature or restricted content libraries when switching between profiles
- ✓Provide a secure re-entry check when resuming a session on a shared TV or tablet
