Pulse · Tag People
Pulse · Tag People is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-create-tag-people.
Tag People is the account-tagging step of Pulse's post composer, built as a single self-contained Flutter widget. The layout runs top to bottom inside a SafeArea Column: a 56px _TopBar with a back arrow, a bold 'Tag people' title, and a muted live '2/20' selection counter; then a 94px horizontal ListView.separated of _TaggedChip items — each a 48px gradient _Monogram with a floating circular close button and the person's first name below, so any tag can be removed in one tap. Under that sits a non-editable _SearchField pill (search icon plus 'Search people' placeholder) on a #1D1D26 surface with a hairline border. The Expanded body is a ListView.builder of _PersonRow items, each pairing a 44px gradient _Monogram of initials with the full name, an inline indigo Icons.verified badge for verified accounts, an @handle, and a trailing _Check — a circular toggle that fills solid indigo with a white check when selected. A pinned _DoneBar hosts a full-width indigo FilledButton whose label reactively reads 'Done · N tagged' or just 'Done'. Tapping a row calls _toggle to add/remove the index from a _selected Set, driving the chips, counter, checks, and button in sync. The palette is Pulse's dark near-mono — #0B0B0F background, #1D1D26 surface, #26262F hairlines, #F4F4F7 text, #8A8A99 muted — with the #6E56F7 indigo brand accent, all set in the bundled Inter font. Fully backend-agnostic: it ships its own dark theme, is overflow-proof with ellipsis-clamped labels, uses zero network images (avatars are painted gradients), and exposes onBack and onDone callbacks so you wire the real friend list and tag submission behind injected hooks.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_Monogram avatar builder painting circular diagonal-gradient initials (48px chips, 44px rows) — no network images
- ✓_TaggedChip strip: removable gradient monograms with a floating close button and first-name label in a horizontal ListView.separated
- ✓_PersonRow list rows with inline Icons.verified indigo badge, @handle, and a trailing _Check toggle
- ✓_Check circular selector that fills solid #6E56F7 with a white check when the account is tagged
- ✓_toggle/_selected Set state that keeps chips, the X/20 _TopBar counter, and the _DoneBar label in sync
- ✓_DoneBar pinned indigo FilledButton reading 'Done · N tagged', bundled Inter font, onBack and onDone callbacks
Use cases
- ✓The tag-people step of a post or photo composer, letting authors attach mentioned accounts before publishing
- ✓Tagging collaborators when creating a shared story, reel, or carousel post
- ✓Adding participants to a group check-in or event post from a searchable follower list
- ✓Selecting people to credit in a repost or quote, capped at a 20-tag limit shown in the header counter
