Cineo · Add Profile
Cineo · Add Profile is a production-ready Streaming Flutter screen from FlutterKit Pro, installable with flutterkit add stream-profile-add.
Add Profile is the create-a-viewer flow for Cineo, a Netflix-style movies and TV streaming app. Below a centered top bar (back arrow, 'Add Profile' title) a scrolling ListView opens with a large 108px painted avatar wrapped in a GestureDetector: the _ProfileAvatar draws a vivid gradient rounded-square and the _AvatarFacePainter strokes a friendly geometric face (variant 3 renders the cat-ear expression seen in the render), while a small circular edit badge sits bottom-right and a blue 'Change avatar' label invites a tap through the onChooseAvatar hook. Under a muted 'Profile name' _FieldLabel sits a rounded surface-alt TextField prefilled with 'Jordan', a person icon and a red cursor. A 'Kids profile' card pairs a tinted child-care icon, a title, the explainer 'Only shows titles for children.' and a Switch (brand-red active track) that flips local _kids state via setState. A _SettingRow shows Language / English with a chevron. A hairline-topped footer pins a full-width _PrimaryButton with a red gradient 'Continue'. Self-contained pure Flutter: bundled Inter font, its own cinematic dark theme (#0B0B0F background, #E50914 brand red), SafeArea, painter-only avatar with no raster or network images, overflow-proof, and backend-agnostic through injected onBack, onChooseAvatar and onContinue callbacks.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_ProfileAvatar widget rendering a 108px gradient rounded-square avatar with a bottom-right edit badge and 'Change avatar' hook
- ✓_AvatarFacePainter CustomPainter drawing six seeded geometric face variants (eyes, ears, visor, stars, smile arc) with a _star path helper
- ✓Profile name TextField prefilled 'Jordan' with person icon, red cursor and 'Enter a name' hint on a rounded surface-alt field
- ✓Kids-profile card with tinted child-care icon, explainer text and a Switch toggling local _kids state via setState on a brand-red track
- ✓_SettingRow for Language showing an English value plus chevron, and a pinned _PrimaryButton with a red brand gradient Continue CTA
- ✓Bundled Inter font, cinematic dark theme (#0B0B0F bg, #E50914 brand), SafeArea and onBack/onChooseAvatar/onContinue callbacks
Use cases
- ✓Onboarding a first viewer profile right after a new Cineo account signs up
- ✓Adding an extra household member profile from a 'Who's watching' manage-profiles screen
- ✓Creating a restricted kids profile that filters the catalog to child-friendly titles
- ✓Capturing profile name, avatar and preferred language before entering the streaming home
