Pulse · Contacts
Pulse · Contacts is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-message-contacts.
Contacts is the address-book picker for the Pulse messaging flow, built as one self-contained StatelessWidget. A top bar pairs a back IconButton with the 'Contacts' title and a muted '212 on Pulse' count, and below it a rounded search field on the #1D1D26 surface reads 'Search contacts' with a leading magnifier. The body is a Stack: a ListView opens with a tappable 'Invite friends to Pulse' row (a translucent indigo person-add disc in brand #6E56F7 with a trailing chevron), then the eleven contacts are grouped by first letter into #9B8CFF section headers. Each contact row renders a 46px avatar via the _MonogramPainter CustomPainter, which draws a diagonal gradient disc from the contact's tint color and centers white initials; online contacts get a #34D399 success dot ringed against the #0B0B0F background, and their subtitle reads a green 'Online' while others show a muted '@handle'. A circular chat-bubble action sits at the row's trailing edge. Pinned to the right via a Positioned is the full A-Z alpha rail, lighting present letters in accent indigo and dimming the rest. The palette is dark near-mono with indigo #6E56F7, typeset entirely in the bundled Inter font. It is a backend-agnostic drop-in wired through injected onBack, onInvite and onContact(handle) callbacks, wrapped in SafeArea, overflow-proof, 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
- ✓_MonogramPainter CustomPainter drawing a diagonal-gradient avatar disc with centered white Inter initials
- ✓onBack, onInvite and onContact(handle) callback hooks for backend-agnostic navigation and messaging
- ✓Alphabetically-grouped list with accent-indigo section headers and a right-edge A-Z fast-scroll rail highlighting present letters
- ✓Per-contact online state: #34D399 success dot plus a green 'Online' subtitle versus muted '@handle'
- ✓Sticky 'Invite friends to Pulse' row with a translucent brand person-add disc and trailing chevron
- ✓Bundled Inter font, own #0B0B0F dark theme, SafeArea and a search-field pill on #1D1D26 surface
Use cases
- ✓Starting a new direct message by picking a contact from the user's address book
- ✓Growth loop: inviting phone contacts who aren't yet on Pulse via the sticky invite row
- ✓Quickly jumping to a contact by initial using the A-Z fast-scroll rail in long lists
- ✓Showing who is currently online before choosing someone to message
