Pulse · New Group
Pulse · New Group is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-group-create.
New Group is the group-setup step of the Pulse social + chat app, built as a self-contained pure-Flutter drop-in. It opens with a compact top bar (back arrow plus a bold 'New group' title), then a header row pairing a 64px circular group-photo picker — a dark surface disc with a camera_alt_outlined glyph and an indigo #6E56F7 '+' badge notched into the app background — against an Expanded name field that shows 'Launch Team' and a live '11/25' character counter. Below, a Wrap of removable member chips renders each already-selected person as a small monogram avatar plus first name and a close (X) affordance; tapping the X calls _toggle to drop that member and the whole chip cluster hides when the selection empties. A rounded 'Search people' field with a leading search icon precedes a 'SUGGESTED' section label and a list of person rows, each an InkWell showing a 46px painted avatar, full name, @handle, and a right-aligned selection circle that fills solid indigo with a white check when chosen or stays a hollow muted ring when not. Every avatar is drawn by the _MonogramPainter CustomPainter, which fills a top-left-to-bottom-right LinearGradient disc from the person's tint to a 55%-alpha version of it and centers white initials via a TextPainter. A pinned bottom bar at a fixed height reports the live '3 selected' count on the left and a fully rounded indigo 'Create' CTA on the right. The palette is dark near-mono (#0B0B0F background, #15151B and #1D1D26 surfaces, #26262F hairlines) with #F4F4F7 high-contrast text and #8A8A99 muted labels, all typeset in the bundled Inter font. It ships its own dark ThemeData, SafeArea top and bottom, and an overflow-proof ListView with no network images. Back, photo, and create actions are backend-agnostic, exposed through injected onBack, onPhoto, and onCreate callbacks.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_MonogramPainter CustomPainter drawing a gradient-tinted avatar disc with centered white TextPainter initials, reused at 26px in chips and 46px in rows
- ✓Circular group-photo picker with camera_alt_outlined icon and a notched indigo #6E56F7 '+' add badge, wired to the onPhoto callback
- ✓Name field showing 'Launch Team' with a live '11/25' character counter beside it
- ✓Removable member-chip Wrap with monogram, first name, and close X that calls _toggle to deselect, auto-hiding when the selection set empties
- ✓Suggested-people list of InkWell rows with fillable indigo check / hollow ring selection state driven by a _selected Set and setState _toggle
- ✓Pinned fixed-height bottom bar with a live 'N selected' count and a rounded indigo Create CTA, plus injected onBack/onPhoto/onCreate hooks and bundled Inter font
Use cases
- ✓Group-chat creation flow where users name a group, set a photo, and pick members before opening the conversation
- ✓Team or project workspace onboarding that bundles selected people into a new shared channel
- ✓Broadcast or event-list builder that reuses the searchable suggested-people picker with add toggles
- ✓Community or club setup step letting an organizer assemble an initial member roster with a selected count
