Cineo · Switch or Exit — Streaming Flutter screen
Streaming
21 views

Cineo · Switch or Exit

Cineo · Switch or Exit is a production-ready Streaming Flutter screen from FlutterKit Pro, installable with flutterkit add stream-profile-transfer.

Switch or Exit is the profile-exit sheet for the Cineo streaming app, built to sit at the end of an account or player menu flow. It opens with a centered _TopBar carrying a back arrow and the 'Switch or Exit' title, then a scrolling ListView. The first card pairs a painted gradient avatar with the profile name 'Alex' and an 'Active profile' subtitle, capped by a green translucent 'ON THIS DEVICE' pill so the viewer instantly knows which session they are in. Below sits a full-width _PrimaryButton with a topLeft-to-bottomRight red gradient (brand #E50914 into #B00610), a switch-account icon and 'Switch profile' label, followed by an info card explaining that switching returns you to 'Who's watching' while downloads and history stay on the device. An uppercase _SectionLabel introduces the Account block, whose outlined danger-red row offers 'Sign out of all devices' with a subtitle, logout icon and chevron. The avatar is drawn entirely in code by _AvatarFacePainter inside _ProfileAvatar — a seeded vivid gradient rounded-square with a friendly geometric face across six palette/expression variants, so no network image is ever fetched. It is self-contained pure Flutter: bundled Inter font, its own cinematic dark theme (#0B0B0F background, #16161D surfaces, #2A2A33 hairlines), SafeArea, and an overflow-proof ListView. Backend-agnostic and drop-in, it wires through injected onBack, onSwitch and onSignOutAll callbacks so you bind real navigation and auth logic without touching the widget tree.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • _AvatarFacePainter + _ProfileAvatar: a painter-drawn gradient rounded-square avatar with a geometric face across six colour/expression variants, no network image
  • _PrimaryButton with a red brand-gradient (#E50914 to #B00610) Ink surface, switch-account icon and InkWell ripple for the Switch profile action
  • Active-profile card pairing the painted avatar, name and a green translucent 'ON THIS DEVICE' status pill
  • Outlined danger-red 'Sign out of all devices' row with logout icon, subtitle and chevron, plus an _SectionLabel account header
  • Three injected callback hooks — onBack, onSwitch and onSignOutAll — for backend-agnostic navigation and auth wiring
  • Self-contained cinematic dark theme with bundled Inter font, SafeArea and an overflow-proof scrolling ListView

Use cases

  • The exit screen after tapping a profile avatar in a streaming app's account menu
  • A confirmation surface for switching back to the 'Who's watching' profile picker
  • A security action point where users end every active session with sign out of all devices
  • A multi-profile management sheet clarifying which profile is active on the current device

Related screens