Pulse · No Results — Social Flutter screen
Social
40 views

Pulse · No Results

Pulse · No Results is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-search-empty.

No Results is Pulse's empty search-state screen for when a query returns nothing. At the top sits a pinned search bar: an arrow-back IconButton beside a rounded surface field holding a search glyph, the live query text ('qwxz'), and a tappable cancel icon to clear it. Below, a scrollable body centers a 150x150 CustomPaint driven by the _EmptyPainter, which hand-renders an indigo #6E56F7 radial glow, two faded offset 'result card' rounded rectangles, and a prominent magnifying glass with a lens sheen arc and rounded handle in lavender #9B8CFF. Under the art, an 800-weight 'No results for \"qwxz\"' headline with tight -0.5 letter-spacing sits above a soft two-line hint about checking spelling for people, tags, or posts. A 'TRY SEARCHING FOR' eyebrow label leads into a Wrap of six rounded suggestion chips (design systems, golden hour, photography, ambient music, trail running, type design), each a GestureDetector firing onSuggestion with its label. The palette is Pulse's dark near-mono (#0B0B0F canvas, #15151B / #1D1D26 surfaces, #26262F hairlines) with indigo accents, all set in the bundled Inter font. It is a self-contained pure-Flutter widget: own dark Theme, SafeArea, SingleChildScrollView so it never overflows, no network images, and backend-agnostic drop-in wiring through injected onBack, onClear, and onSuggestion callbacks.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • _EmptyPainter CustomPainter drawing an indigo radial glow, two faded result-card rectangles, and a magnifier with lens-sheen arc and rounded handle
  • Pinned search bar row: arrow-back IconButton plus a rounded #1D1D26 field showing the search glyph, live query text, and a tappable clear icon
  • Three injected callback hooks — onBack, onClear, and ValueChanged onSuggestion(label) — for backend-agnostic wiring
  • Six-chip suggestion Wrap (design systems, golden hour, photography, ambient music, trail running, type design) as tappable GestureDetectors
  • 800-weight 'No results for' headline with a spelling/keyword hint and a 'TRY SEARCHING FOR' eyebrow label
  • Bundled Inter font with Pulse's dark near-mono palette, own dark Theme, SafeArea, and overflow-proof SingleChildScrollView

Use cases

  • The zero-results state after a member searches an unmatched query in a social app's people, tags, and posts search
  • Recovering a failed search by offering tappable trending or curated keyword chips to redirect the user
  • A reusable empty-search template for discovery, hashtag, or user-lookup tabs across a chat and social product
  • Onboarding a new account with no follow graph by seeding suggested topics to explore when search comes up empty

Related screens