Pulse · People Results
Pulse · People Results is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-search-people.
Pulse People Results is the account-search results screen — what a member sees after typing a name into Pulse's search. It opens with a filled query field header: a back IconButton beside a rounded dark search box (magnifier icon + the query text 'people') sitting on the #0B0B0F background above a hairline divider. Below it, a ListView.builder renders eight _PersonRow entries. Each row leads with a 50px circular avatar painted with an indigo LinearGradient (accent #9B8CFF into brand #6E56F7) carrying the person's initials, followed by a two-to-three-line stack: the display name in bold (with an inline verified badge Icon.verified in accent when the account is verified), the @handle in muted grey, and a context note that varies per result — 'Followed by devin + 8 more', 'Follows you', '1.2K followers', or 'Suggested for you'. On the right sits the Follow / Following pill: an indigo brand fill reading 'Follow', which flips to a dark bordered 'Following' chip when active. Follow state is real and local — a Set of followed handles held in State, toggled via setState so any row updates instantly. Tapping a row fires onPerson(handle); tapping the pill fires onFollow(handle); the back arrow fires onBack — every action is an injected callback, so the screen is backend-agnostic and drops into any data source. It is self-contained pure Flutter: bundled Inter font, its own dark near-mono theme with the #6E56F7 indigo accent, SafeArea, ellipsis-clamped text, and no network images, so it renders identically offline at any width.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_Field query header: back IconButton plus a rounded #1D1D26 search box with magnifier icon and the active query text
- ✓_PersonRow with a 50px circular avatar drawn from an accent-to-brand LinearGradient carrying the account initials
- ✓Inline Icon.verified badge in accent that renders only for verified accounts next to the bold name
- ✓Per-result context note line ('Followed by … + N more', 'Follows you', '1.2K followers', 'Suggested for you')
- ✓Live Follow / Following pill backed by a State Set<String>, flipping fill-to-bordered via setState on tap
- ✓Injected onBack, onPerson(handle) and onFollow(handle) callbacks plus the bundled Inter font and dark theme
Use cases
- ✓The account/people tab of an in-app search that resolves names and handles to follow suggestions
- ✓A follow-people onboarding step surfacing verified and mutually-followed accounts to jump-start a graph
- ✓A 'who to follow' discovery panel showing suggested and 'follows you' accounts with one-tap follow
- ✓A mentions or invite picker where members search by name and confirm the right verified account before selecting
