Pulse · Group Info
Pulse · Group Info is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-group-info.
Group Info is the detail hub for a chat group in Pulse, built as one scrolling ListView under a compact top bar with a back arrow, 'Group info' title and an indigo 'Edit' text button. The header centers a 92px gradient monogram avatar painted by _MonogramPainter (an indigo-to-violet disc with centered 'LT' initials), then the group name 'Launch Team' in heavy Inter, a two-line description and a muted 'Group · 5 members' line. Below sits a three-up quick-action row of surfaced cards — Mute, Search and Invite — each an Expanded tappable tile with an indigo icon that fires onAction with its key. A 'SHARED MEDIA' section label precedes a horizontal media strip of six 76px tiles: five gradient thumbnails drawn by _ThumbPainter (two-tone diagonal gradients with a light streak) and a trailing '+128' see-all tile wired to onSeeAllMedia. A rounded 'Mute notifications' row carries a live stateful Switch that toggles _mute via setState. Under a '5 MEMBERS' label comes an 'Add members' row (onAddMembers) and five member rows, each a _MonogramPainter initials avatar, name, an Online (green) or last-seen status, and an indigo Admin pill where applicable, tappable through onMember with the member handle. The list closes with destructive red 'Leave group' and 'Report group' rows. Palette is Pulse's dark near-mono (#0B0B0F bg, #15151B surfaces, #26262F hairlines) with indigo #6E56F7 and violet accents, success green and danger pink. Fully self-contained pure Flutter: bundled Inter font, own dark ThemeData, SafeArea, overflow-proof with no network images — a backend-agnostic drop-in wired entirely through injected 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 — gradient disc avatar with centered initials, reused for the 92px group avatar and every 44px member avatar
- ✓_ThumbPainter — two-tone diagonal gradient media thumbnails with a light streak, seeded across a five-palette set
- ✓Three-up Mute / Search / Invite action tiles as Expanded surfaced cards firing onAction(key)
- ✓Live stateful 'Mute notifications' Switch toggling _mute via setState with brand-indigo active track
- ✓Member list with Online/last-seen status colors and indigo Admin pills, plus an 'Add members' row and horizontal +128 see-all media tile
- ✓Callback hooks onBack, onAction, onAddMembers, onMember and onSeeAllMedia, bundled Inter font and Pulse dark theme
Use cases
- ✓Group detail screen opened from a chat header in a messaging or team-comms app
- ✓Community or club settings page listing members, admins and shared media
- ✓Project or launch-team space overview showing description, roster and quick actions
- ✓Managing a group's mute, invite and membership controls before leaving or reporting it
