Pulse · Following — Social Flutter screen
Social
26 views

Pulse · Following

Pulse · Following is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-following.

Following is the screen that shows every account the signed-in user follows, built for a Linear/Superhuman-style social app. It opens under a SafeArea with a top bar carrying a back arrow and the handle 'sofiaramos', then a two-segment header ('18.4K followers' / '612 following') where the Following tab is active with a solid underline and the followers tab is dimmed and tappable via the onFollowers callback. Below sits a rounded pill-style Search field with a leading magnifier, then a 'Sorted by' row with a rounded 'Date followed: earliest' chip and chevron. The body is a ListView.builder of _PersonRow items, each drawing a 46px painted avatar via the _MonogramPainter CustomPainter (a topLeft-to-bottomRight gradient disc with centered white initials), the account handle with an optional indigo verified badge, a 'name · note' subtitle, and a trailing action pill. Tapping a row fires onProfile with the handle; tapping the 'Following' pill opens a themed _UnfollowSheet bottom sheet ('Unfollow @handle?' with Unfollow in danger red and Cancel), and confirming removes the handle from the local _following set so the pill flips to a solid indigo 'Follow'. Palette is dark near-mono (#0B0B0F background, #15151B/#1D1D26 surfaces, #26262F hairlines) with the #6E56F7 indigo brand and #F4476B danger accent, all set in the bundled Inter font. Fully self-contained pure Flutter: its own dark theme, no network images (avatars are painted), overflow-proof rows with ellipsis, and backend-agnostic — wired only through injected onBack, onProfile, and onFollowers 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: gradient disc avatars with centered initials, used at 46px in rows and 64px in the sheet
  • Two-segment followers/following header where the active tab underlines and the inactive one is tappable via onFollowers
  • _PersonRow cluster: painted avatar, verified badge, name·note subtitle, and a stateful Following/Follow action pill
  • _UnfollowSheet modal bottom sheet with danger-red Unfollow and Cancel that returns a bool to confirm the action
  • Local _following Set state that flips each row between an indigo Follow pill and an outlined Following pill
  • Injected onBack, onProfile(handle), and onFollowers callbacks plus bundled Inter font and self-contained dark theme

Use cases

  • The 'Following' tab of a social profile listing every account the user subscribes to
  • A manage-follows screen where users prune who they follow via the unfollow-confirm sheet
  • A creator-app audience view paired with the followers segment for reciprocal-follow checks
  • A discovery back-link surface where tapping a row deep-links into that account's profile

Related screens