Cineo · Create Kids Profile — Streaming Flutter screen
Streaming
68 views

Cineo · Create Kids Profile

Cineo · Create Kids Profile is a production-ready Streaming Flutter screen from FlutterKit Pro, installable with flutterkit add stream-profile-kids-create.

Create Kids Profile is the child-account onboarding screen for Cineo, a Netflix-style movies and TV app. Under a centered back-arrow top bar titled 'Create Kids Profile', a purple-to-blue gradient header band reads 'A safe, playful space just for kids.' beside a gold star tile. Below a 'Pick a character' label, a horizontal ListView.separated scrolls through six vivid painted avatars — each a gradient rounded square with a friendly geometric face drawn by the _AvatarFacePainter CustomPainter (glasses, headphones, cat ears, a visor, star eyes and a plain smiley across variants); the tapped one gets a 3px gold selection border. A 'Child's name' field pairs a child_care icon with a TextField pre-filled 'Ollie' and a red cursor. An 'Age range' section stacks two _AgeCard rows — 'Little Kids · Ages 0–6 · gentle, all-ages titles' and 'Older Kids · Ages 7–12 · adventures & family films' — each with a tinted icon tile and a custom _Radio check, blue-outlined when selected to signal the maturity cap. A pinned bottom bar holds the full-width red-gradient _PrimaryButton 'Create Profile'. Interactions run through injected onBack and onCreate callbacks, with avatar and age choices held in local setState. Self-contained pure Flutter: bundled Inter font, its own dark near-mono theme (#0B0B0F), SafeArea, overflow-proof ListView, painted avatars and no network images — a backend-agnostic drop-in.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • _AvatarFacePainter CustomPainter drawing six distinct geometric kid faces (glasses, headphones, ears, visor, star eyes, smiley)
  • Horizontal ListView.separated character picker with a 3px gold selection border on the tapped avatar
  • _AgeCard rows for Little Kids and Older Kids with tinted icon tiles and a blue selected outline plus custom _Radio check
  • Child's name TextField pre-filled 'Ollie' with a child_care leading icon and red brand cursor
  • Pinned red-gradient _PrimaryButton 'Create Profile' wired to the injected onCreate callback
  • Bundled Inter font, dark near-mono theme, SafeArea and onBack/onCreate hooks for backend-agnostic drop-in use

Use cases

  • Adding a child-safe profile during Cineo family-account onboarding
  • Letting parents set a maturity cap by choosing Little Kids or Older Kids
  • Picking a playful painted character avatar and name for a kids account
  • Reference kids-mode profile creation flow for any streaming or media app

Related screens