Pulse · Reactions Sheet
Pulse · Reactions Sheet is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-post-reactions.
Reactions Sheet is a drop-in Flutter bottom sheet that shows exactly who reacted to a post and with what. It renders as a rounded-top panel over a dimmed 55% black backdrop; tapping the empty scrim above the sheet fires the injected onClose callback. Inside a top-false SafeArea sits a 40x4 drag handle, a bold left-aligned 'Reactions' title in Inter, then a horizontal ListView.separated of _KindChip tally chips — All 9.2k, Love 6.1k, Like 1.8k, Haha 820, Fire 410, Wow 84 — each pairing a painted _ReactionBubble (a tinted gradient disc carrying a white Material glyph like favorite, thumb_up or local_fire_department) with its count; the active chip gets an indigo #6E56F7 border and filled surface. Below a hairline divider, a shrink-wrapped ListView (capped at 46% of screen height) lists _ReactorRow entries: a 44px gradient initials avatar with a bg-ringed reaction badge tucked at the bottom-right, the reactor's name and @handle. Chip taps invoke onSelectType(id); rows invoke onProfile(handle). Palette is Pulse's near-mono dark (#0B0B0F bg, #15151B surface, #26262F hairline) with indigo accent and warm reaction hues. Fully self-contained pure Flutter: bundled Inter font, its own dark ThemeData, SafeArea, overflow-proof scroll regions, no network images — backend-agnostic and 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
- ✓_ReactionBubble painter-style widget: a gradient tinted disc carrying a white Material glyph, reused at 22px in chips and 18px in avatar badges
- ✓_KindChip horizontal tally strip with six reaction types, active chip getting an indigo #6E56F7 border and filled surface
- ✓_ReactorRow with a 44px gradient initials avatar and a background-ringed reaction badge pinned to the bottom-right corner
- ✓Dismissible scrim: an Expanded opaque GestureDetector above the sheet that fires onClose when the dimmed backdrop is tapped
- ✓Three injected callback hooks — onClose, onSelectType(String id) per chip, and onProfile(String handle) per reactor row
- ✓Bundled Inter font, Pulse near-mono dark theme, SafeArea and a height-capped shrink-wrapped reactor list for overflow safety
Use cases
- ✓Show a full breakdown of who reacted to a feed post when a user taps the reaction summary count
- ✓Let users filter reactors by reaction type (Love, Like, Haha, Fire) via the horizontal tally chips
- ✓Route from any reactor row into that person's profile using the onProfile handle callback
- ✓Reuse the same sheet for reactions on comments, stories, or chat messages by feeding different tally and reactor data
