Pulse · Nearby — Social Flutter screen
Social
23 views

Pulse · Nearby

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

Nearby is Pulse's location-discovery surface for finding people and posts around you, built as a self-contained pure-Flutter screen. Below a 56px top bar (back arrow + 'Nearby' title) sits a 190px rounded map card painted entirely in code by the _MapPainter CustomPainter — a diagonal ground gradient, a faint block grid, two rounded roads, a curved indigo river band, and five clustered location pins of varying sizes with a bright white primary pin and glowing halos. A 'Within 2 mi' radius chip pinned top-left and a 40px open_in_full expand tile bottom-right both fire the injected onExpandMap callback. A 'NEARBY' section label introduces a ListView of six _NearbyRow items: people (Priya Shah, Devin Carter, Aiko Tanaka) render a gradient initials avatar plus a person_add_alt follow glyph, while place/post rows (Rooftop golden hour, Brooklyn Roasters, Waterfront market) render a rounded _ThumbPainter gradient thumbnail with a soft highlight dot and a chevron_right; every row carries a subtitle with role or post count plus a distance like '0.2 mi', and tapping invokes onItem with the item title. The palette is Pulse's dark near-mono (#0B0B0F background, #15151B surfaces, #26262F hairlines) with indigo #6E56F7 and #9B8CFF accents; typography is the bundled Inter font. It is backend-agnostic and drop-in: wire the onBack, onExpandMap, and onItem callbacks to your data and navigation. SafeArea-wrapped, overflow-proof with ellipsis text, and no network images.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • _MapPainter CustomPainter rendering a dark map: ground gradient, block grid, rounded roads, indigo river band, and five clustered pins with glow halos
  • _ThumbPainter gradient thumbnails for place and post rows, each with a soft white highlight dot, drawn purely on canvas
  • _NearbyRow cluster that switches between gradient-initials people avatars with a person_add_alt follow icon and thumbnail place rows with a chevron
  • 'Within 2 mi' radius chip and a 40px open_in_full expand tile, both triggering the injected onExpandMap callback
  • Injected callback hooks: onBack, onExpandMap, and onItem(String title) keeping the screen backend-agnostic and drop-in
  • Bundled Inter font with Pulse's dark near-mono palette (#0B0B0F / #15151B / #6E56F7), SafeArea, and ellipsis-guarded overflow-proof rows

Use cases

  • A discovery tab that surfaces creators and trending posts within a chosen radius of the user
  • A people-nearby follow flow where taps on avatars send follow requests to your social graph
  • A local places or events feed pairing painted map pins with distance-tagged post clusters
  • A location-based onboarding step that helps new users find and follow nearby accounts fast

Related screens