Pulse · Incoming Call — Social Flutter screen
Social
86 views

Pulse · Incoming Call

Pulse · Incoming Call is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-call-incoming.

Incoming Call is the full-screen ring state for Pulse's calling flow. It opens over a radial indigo-to-near-black gradient with a small muted 'Incoming Pulse call' label pinned to the top. The centrepiece is a 210x210 CustomPaint driven by _PulseAvatarPainter, which renders three fading concentric rings around a blurred glow, a linear-gradient core disc in indigo #6E56F7 and lilac #9B8CFF, and the caller's white 'NR' initials laid out with an internal TextPainter — a purely painted avatar with no network image. Below it sits the caller name 'Nadia Rahman' in tight-tracked 27px Inter bold, and a status row pairing a videocam icon with 'Pulse video call...'. Above the action bar, a horizontally scrolling ListView.separated of pill quick-reply chips ('Can't talk right now', 'On my way', 'Call you back in 5') lets the user dismiss with a canned message, each firing the onReply(String) callback. The bottom holds two 72px circular glowing buttons in a spaceBetween row: a red call_end Decline wired to onDecline and a green videocam Accept wired to onAccept. It is self-contained pure Flutter — bundled Inter font, its own dark ThemeData, SafeArea, and overflow-proof layout — and is fully backend-agnostic: every interaction is surfaced through injected callbacks so you drop it onto any signalling or WebRTC layer.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • _PulseAvatarPainter: painted gradient monogram disc with three fading concentric ring waves and a blurred glow
  • TextPainter-rendered caller initials centred inside the painted avatar core, no asset or network image
  • Horizontal ListView.separated quick-reply chip row firing onReply(String) for each canned message
  • Decline / Accept split of two 72px circular glowing buttons wired to onDecline and onAccept callbacks
  • Radial indigo-to-#0B0B0F gradient background with a top 'Incoming Pulse call' label and videocam status row
  • Bundled Inter font, self-contained dark theme, SafeArea and overflow-proof Column layout

Use cases

  • Full-screen ring UI for the incoming leg of a voice or video calling feature
  • The receive side of a WebRTC or signalling flow, wired to answer/hangup handlers
  • Quick-decline-with-message pattern letting users reject a call with a canned text reply
  • Launch surface presented from a push notification or CallKit-style incoming-call event

Related screens