Pulse · Call Ended
Pulse · Call Ended is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-call-ended.
Call Ended is the post-call summary surface for Pulse, a Linear/Superhuman-style social + chat app. A compact top bar pairs an Icons.close button (wired to onBack) with a bold 'Call summary' title. Below sits a rounded summary card on the #15151B surface with a hairline border: a 96px _MonogramPainter draws a top-left-to-bottom-right indigo gradient disc (#9B8CFF → #6E56F7) with centered white 'AM' initials, then the caller name 'Amara Mensah' at 21px, and a muted 'Call ended · 12m 41s' status row led by an Icons.call_end glyph. A 2x2 grid of _primaryAction buttons follows: a filled indigo 'Call back' (onCallBack), plus outlined 'Video' (onVideoCallBack), 'Message' (onMessage) and 'Add contact' tiles, each 48px tall with an icon, ellipsized label, and rounded 14px corners. Under a spaced 'Recent calls' header, a list renders four _recentRow entries, each with its own small monogram, name, and a _DirPainter that paints a direction arrow — up-right indigo for outgoing, down-left green (#34D399) for incoming, and down-left red (#F4476B) for missed, with the missed 'Nadia Rahman' row rendered entirely in the danger color and a trailing videocam glyph for video calls. It is self-contained pure Flutter: bundled Inter font, its own dark near-mono theme, SafeArea, ellipsis-guarded text and a scrolling ListView keep it overflow-proof, with no network images. Backend-agnostic drop-in wired through injected VoidCallback hooks.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_MonogramPainter — a gradient disc avatar painter drawing indigo #9B8CFF→#6E56F7 initials at both 96px hero and 44px list sizes
- ✓_DirPainter — a call-direction arrow painter with up-right outgoing, down-left incoming (green), and red missed variants
- ✓A summary card with painted avatar, 21px name, and an Icons.call_end 'Call ended · 12m 41s' duration status row
- ✓A 2x2 _primaryAction grid: filled indigo Call back plus outlined Video, Message and Add contact tiles at 48px height
- ✓A 'Recent calls' list of four _recentRow entries with per-row monograms, direction glyphs, and missed-call danger coloring
- ✓Injected onBack, onCallBack, onVideoCallBack and onMessage VoidCallback hooks with the bundled Inter font and dark theme
Use cases
- ✓The end-of-call summary screen shown when a voice or video call disconnects in a chat app
- ✓A call-back launcher letting users instantly redial via audio, video, or message after hanging up
- ✓A recent-calls history panel surfacing outgoing, incoming, and missed calls with direction arrows
- ✓An add-to-contacts prompt after speaking with a not-yet-saved caller in a social product
