Cineo · Manage Profiles — Streaming Flutter screen
Streaming
39 views

Cineo · Manage Profiles

Cineo · Manage Profiles is a production-ready Streaming Flutter screen from FlutterKit Pro, installable with flutterkit add stream-profile-manage.

Manage Profiles is the account roster screen for Cineo, a Netflix-style movies and TV app, built as a self-contained pure-Flutter drop-in. A centered _TopBar carries a rounded back arrow and the 'Manage Profiles' title, then a scrolling ListView renders one _ProfileRow per member: Alex, Sam, Mia and a kids profile, Leo. Each row is a rounded #16161D surface card with a 56px painted avatar, the profile name in bold Inter, a maturity subtitle ('All maturity ratings' or 'Kids · Little Kids'), and a circular edit pencil on the right. A blue KIDS _Badge and a small lock icon sit inline beside qualifying names. Every avatar is a vivid gradient rounded-square drawn by _ProfileAvatar and its _AvatarFacePainter, whose variant index selects both palette and a friendly geometric expression — plain smile, glasses, cat ears, a visor bar, or a star-eyed kids face — so no network images are needed. Below the list sits an outlined Add Profile row, and a hairline-topped footer pins a red-gradient _PrimaryButton labelled 'Done'. Taps are wired through injected callbacks: onBack, onEdit(index), onAdd and onDone, leaving it backend-agnostic. It ships its own dark theme on a #0B0B0F background, the cinematic Cineo red (#E50914 to #B00610), bundled Inter font, SafeArea insets and an 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

  • _AvatarFacePainter CustomPainter that draws six variant faces — smile, glasses, cat ears, visor bar and star eyes — over gradient rounded-square avatars, zero image assets
  • _ProfileRow cards with painted avatar, bold name, maturity subtitle and a circular edit pencil on a #16161D surface
  • Inline _Badge for the blue KIDS tag plus a lock icon rendered beside restricted profile names
  • Outlined Add Profile row and a hairline-topped footer pinning the red-gradient _PrimaryButton labelled Done
  • Injected callback hooks onBack, onEdit(index), onAdd and onDone keeping the screen fully backend-agnostic
  • Bundled Inter font, self-contained dark theme on #0B0B0F, SafeArea and overflow-proof ListView layout

Use cases

  • Account settings flow where a viewer edits, locks or removes household streaming profiles
  • Kids-mode setup letting parents flag a profile with the KIDS badge and Little Kids maturity
  • Multi-profile onboarding step prompting users to add avatars before browsing the catalog
  • Profile switcher management entry reached from a Netflix-style who's-watching selection screen

Related screens