Cineo · Create Account — Streaming Flutter screen
Streaming
83 views

Cineo · Create Account

Cineo · Create Account is a production-ready Streaming Flutter screen from FlutterKit Pro, installable with flutterkit add stream-auth-signup.

The Cineo Create Account screen is the sign-up entry point for a Netflix-style movies and TV app, built as one self-contained Flutter file. Under a SafeArea it opens with a _TopBar carrying a back arrow and a red-gradient play-mark Cineo logo, then a scrolling ListView leads with an 'Create your account' headline and a '7-day free trial' subline. Three _InputField rows (full name, email, password) render as rounded #1F1F28 surfaces with leading person, @ and lock icons; the password field adds a visibility toggle IconButton that flips _obscure. As you type, a _StrengthMeterPainter CustomPaint draws four rounded segments that fill and recolor live — Weak in brand red, Fair/Good in amber, Strong in green — driven by the _strength getter that scores length, mixed case, digits and symbols, with the matching label beside it. Below sits a _MarketingRow with a scaled Switch opting into Cineo news and offers. A fixed-height pinned bar holds the red-gradient _PrimaryButton 'Next' plus an 'Already have an account? Sign in' link. It is a backend-agnostic drop-in wired purely through injected onBack, onNext and onSignIn callbacks, in a cinematic dark #0B0B0F theme with bundled Inter typography, no network images, and overflow-proof layout.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • _StrengthMeterPainter CustomPainter drawing four rounded segments that fill live from the password score
  • _strength getter scoring length, mixed case, digits and symbols into Weak/Fair/Good/Strong labels and colors
  • Three _InputField rows for name, email and password with leading icons and a show/hide password toggle
  • _MarketingRow with a scaled Switch for opting into Cineo news, releases and offers
  • Pinned fixed-height bar with the red-gradient _PrimaryButton Next and a Sign in link
  • onBack, onNext and onSignIn callback hooks with bundled Inter font and a self-contained dark theme

Use cases

  • First-run registration flow for a subscription video streaming app
  • Free-trial onboarding where password strength coaching lifts account security
  • Reusable auth template paired with a matching sign-in and OTP verification screen
  • Marketing-consent capture at sign-up via the email-offers Switch toggle

Related screens