Pulse · Story Viewers
Pulse · Story Viewers is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-story-viewers.
Story Viewers is the bottom sheet that slides over one of your Pulse stories to reveal exactly who watched it. The top ~35% is a tap-away zone painted by _MiniStoryPainter — a violet-to-terracotta gradient with a soft cream circle standing in for your story frame — dimmed to 35% opacity so the story reads faintly behind the sheet; tapping it fires the onClose callback. The rounded-top sheet carries a 40x4 drag handle, then a header pairing an outlined visibility eye with a bold '248' count and a muted 'viewers' label. A _Toggle segmented control switches between Viewers and Likes, the selected pill filled with the raised surface tint. Below, a ListView.builder renders viewer rows: each has a gradient _Monogram avatar whose two-tone palette is picked deterministically from the name's characters, the display name, a '@handle · relative-time' subline, an optional red favorite heart for viewers who liked, and a _FollowButton that flips between an indigo 'Follow' and an outlined muted 'Following'. Rows are tappable (onViewer) and the button has its own onFollow hook, both passing the viewer's handle. It is self-contained pure Flutter: bundled Inter font, its own dark near-mono theme keyed on #0B0B0F with the #6E56F7 indigo brand and #9B8CFF accent, SafeArea, a height-capped ConstrainedBox, ellipsis-guarded text, and 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
- ✓_MiniStoryPainter — a gradient story-preview backdrop with a cream focal circle, dimmed to 35% as a tap-to-close zone
- ✓_Monogram avatars that derive two-initial letters and a deterministic two-color gradient from each viewer's name
- ✓_Toggle segmented control switching Viewers / Likes with a filled selected pill
- ✓_FollowButton state widget flipping between indigo 'Follow' and outlined muted 'Following', plus a red liked-heart flag
- ✓onClose, onViewer(handle) and onFollow(handle) callback hooks so any backend can wire close, profile-open and follow
- ✓Bundled Inter font with a self-contained dark theme (#0B0B0F bg, #6E56F7 brand), SafeArea, drag handle and 248-viewer count header
Use cases
- ✓Show creators the full audience list after they post a Pulse story, with per-viewer follow-back
- ✓Let users tap a viewer row to open that person's profile without leaving the story
- ✓Surface who liked a story via the Likes tab and the inline red heart per row
- ✓Drive follower growth by exposing a one-tap Follow on every unfollowed story viewer
