Pulse · Post Detail
Pulse · Post Detail is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-post-detail.
Post Detail is the full single-post screen for Pulse. A slim _TopBar titled 'Post' carries a back chevron and an overflow (more) button above a hairline divider. Below it a scrolling ListView opens with the author row: a gradient _Monogram avatar (initials 'MC'), the display name 'Maya Chen' with an inline indigo verified badge, the '@mayabuilds' handle in muted grey, and a compact indigo _FollowButton pinned to the right. The full post body renders at generous line-height, followed by a 16:11 media card painted by _MediaPainter — a diagonal indigo gradient with faint white streak strokes and a soft translucent circle, clipped to a 16px radius so no network image is ever needed. A timestamp-and-views line ('2:14 PM · Jul 9, 2026 · 24.1k views') sits under it, then a _Divider frames the engagement _Tally row (1,204 Reposts · 312 Quotes · 8,940 Likes) and the _DetailActionBar of five _IconBtn actions: comment, repost, like, stats and share. A 'Comments' header with a 'View all 312' link precedes two preview _CommentRow items, each with its own two-tone monogram, name, handle·time, body, and a like-count plus Reply affordance. A fixed-height _Composer is pinned at the bottom with a viewer monogram, an 'Add a comment…' pill and a circular indigo send button. Palette is the Pulse dark near-mono (#0B0B0F background, #1D1D26 surface, #26262F hairlines) with the indigo #6E56F7 brand accent; typography is the bundled Inter font throughout. It is self-contained pure Flutter — own dark Theme, SafeArea, overflow-proof ellipsis on names, no network images — and backend-agnostic, wired through injected callbacks: onBack, onMore, onFollow, onLike, onComment, onShare, onOpenComments and onAddComment.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_MediaPainter: a CustomPainter drawing a diagonal indigo gradient with white streak strokes and a translucent circle, clipped to a 16:11 rounded card so no network image is required
- ✓_Monogram gradient avatars reused for the author, both comments and the composer, deriving initials via a name-split helper
- ✓Engagement _Tally row (Reposts / Quotes / Likes) between _Divider hairlines plus a five-action _DetailActionBar of _IconBtn comment, repost, like, stats and share
- ✓Author row with inline Icons.verified badge, muted @handle, and a compact indigo _FollowButton wired to onFollow
- ✓Pinned fixed-height _Composer with viewer monogram, 'Add a comment…' pill and circular indigo send button, plus a 'View all 312' comments link
- ✓Eight injected callbacks (onBack, onMore, onFollow, onLike, onComment, onShare, onOpenComments, onAddComment) and the bundled Inter font on the #0B0B0F dark theme
Use cases
- ✓The tapped-through detail view when a user opens a single post from a Pulse feed or profile timeline
- ✓Destination screen for push notifications like a reply, repost or like on someone's post
- ✓A shareable deep-link target rendering a post with its full body, media and engagement stats
- ✓Reference layout for a threaded comments experience with a pinned reply composer in a social or chat app
