Cineo · Edit Profile
Cineo · Edit Profile is a production-ready Streaming Flutter screen from FlutterKit Pro, installable with flutterkit add stream-profile-edit.
Edit Profile is the account-settings screen for Cineo, a Netflix-style movies and TV streaming app. A slim _TopBar pins a back arrow, a centered 'Edit Profile' title, and a red 'Save' action, over a near-black #0B0B0F Scaffold. The scrollable body opens with a centered, tappable avatar: a 104px painted _ProfileAvatar drawing a vivid orange gradient rounded-square with a friendly geometric face rendered entirely by the _AvatarFacePainter CustomPainter (six seedable variants, each with its own palette and expression), overlaid with a small circular edit badge and a blue 'Change avatar' label. Below sits a labelled 'Profile name' TextField (prefixed person icon, red cursor) pre-filled with 'Alex'. Settings are organised under uppercase _SectionLabel headers: CONTENT groups three _NavRow rows (Maturity rating, Display language, Subtitle appearance) each showing a leading icon, label, muted current value, and a chevron; PLAYBACK holds two _ToggleRow rows (Autoplay next episode on, Autoplay previews off) driven by real Switch widgets with a red active track that flip via setState; SECURITY offers a Profile Lock nav row. A red-outlined 'Delete Profile' button closes the list. Every control routes through injected callbacks (onBack, onSave, onChooseAvatar, onLock, onDelete), so it is a backend-agnostic drop-in. Self-contained pure Flutter: bundled Inter font, its own dark theme, SafeArea, overflow-proof ListView, and painted graphics with no network images.
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 gradient avatar faces (eyes, mouth arc, glasses, ears, stars) with shouldRepaint
- ✓_ProfileAvatar 104px rounded-square gradient tile with an overlaid circular edit badge and blue 'Change avatar' label
- ✓Pre-filled 'Profile name' TextField with person icon prefix and red brand cursor via TextEditingController
- ✓_NavRow cluster for Maturity rating, Display language, Subtitle appearance and Profile Lock with value text and chevrons
- ✓_ToggleRow rows with real Switch widgets (red active track) driving _autoNext / _autoPreviews via setState
- ✓Injected callback hooks (onBack, onSave, onChooseAvatar, onLock, onDelete) plus a red-outlined Delete Profile button, bundled Inter font
Use cases
- ✓Profile settings screen for a streaming or video-on-demand app's account area
- ✓Per-profile playback and autoplay preference controls in a multi-profile TV app
- ✓Maturity-rating and subtitle configuration flow for a kids/family streaming service
- ✓Avatar and display-name editing surface reused across a media app's onboarding and settings
