Pulse · Hashtag — Social Flutter screen
Social
50 views

Pulse · Hashtag

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

The Pulse Hashtag screen is a full explore-tag page rendered entirely in pure Flutter over Pulse's signature dark near-mono theme (#0B0B0F background, #1D1D26 surfaces, indigo #6E56F7 brand, lilac #9B8CFF accent) with the bundled Inter font. It opens with a slim _TopBar carrying a back arrow and a muted 'Hashtag' label, then a header row pairing a 68px circular badge — a painted '#' glyph ringed in lilac — with the tag title '#goldenhour', a '184K posts' count, and a Follow button. Tapping Follow flips local state, swapping the solid indigo pill for an outlined 'Following' chip and firing an onFollow(bool) callback. A SliverPersistentHeader pins a Top / Recent tab bar (_TabDelegate) that underlines the active tab in indigo and reports selection through onTab. Below, a SliverGrid lays out a 3-column mosaic of post thumbnails, each drawn by _TilePainter as a diagonal LinearGradient with a soft translucent white highlight circle; every fourth tile gets a play-arrow reel badge and every fifth a multi-image collections badge, and tapping any tile emits onTile(index). It is a self-contained, backend-agnostic drop-in: SafeArea-wrapped, overflow-proof, no network images, its own ThemeData.dark, wired purely through injected onBack, onFollow, and onTile callbacks.

Reveal the one-line command to drop this screen into your project.

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • _TilePainter CustomPainter drawing each grid thumbnail as a diagonal LinearGradient plus a translucent white highlight circle
  • _TabDelegate SliverPersistentHeaderDelegate that pins the Top / Recent tab bar with an indigo active underline
  • Painted circular '#' badge header with tag title, '184K posts' count, and Follow action
  • Stateful Follow toggle swapping solid indigo pill for outlined 'Following' chip via onFollow(bool)
  • 3-column SliverGrid mosaic with per-index reel play-arrow and multi-image collections badges
  • Injected onBack, onFollow, and onTile callbacks with bundled Inter font and self-contained dark theme

Use cases

  • Hashtag landing page reached by tapping a tag in a post caption or search result
  • Explore/discovery flow surfacing Top vs Recent posts under a trending tag
  • Topic-follow feature letting users subscribe to a hashtag from its header
  • Grid entry point that opens a tapped post, reel, or carousel into a detail view

Related screens