Pulse · Audio Call
Pulse · Audio Call is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-call-audio.
SocialCallAudioScreen is the in-progress voice-call screen for the Pulse social app, built as one self-contained StatelessWidget over a subtle radial gradient that lifts a violet halo behind the caller. The top bar pairs a downward-chevron minimize button with a rounded 'End-to-end encrypted' pill: a green lock icon, the label in muted text, and a live four-bar strength indicator drawn by the _SignalBarsPainter, which renders rising bars and fades the unfilled ones to a faint alpha. Centered in the expanded body sits a 156px painted monogram avatar from _AvatarPainter, a top-left-to-bottom-right indigo gradient disc (#9B8CFF to #6E56F7) wrapped in a soft blurred glow ring and a thin stroke, with the initials 'AM' laid out via TextPainter. Below it the caller name 'Amara Mensah' sits in tight-tracked 26px Inter, followed by a small call icon and the running timer '04:12'. The control cluster is a two-row grid of 58px circular buttons - Mute, Keypad, Speaker (shown active as a filled white disc), Add, plus Video and Message - flanking a prominent 68px red call_end button labelled 'End'. Colors follow the Pulse dark near-mono palette (#0B0B0F background, #15151B / #1D1D26 surfaces, #F4476B danger, #34D399 success) with the bundled Inter font throughout. It is pure Flutter with no network images, wrapped in SafeArea, overflow-proof, and backend-agnostic: onBack, onEnd, onVideo and onAddPeople are injected VoidCallback hooks you wire to your own telephony or WebRTC stack.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_AvatarPainter — gradient monogram disc with a blurred outer glow ring, stroke, and TextPainter-centered 'AM' initials
- ✓_SignalBarsPainter — four rising signal-strength bars with filled/faint states driven by a strength value
- ✓End-to-end encrypted status pill with green lock icon and inline connection-quality bars
- ✓Two-row call control grid: Mute, Keypad, Speaker (active white state), Add, Video and Message circular buttons
- ✓Prominent 68px red call_end 'End' button plus onBack, onEnd, onVideo and onAddPeople callback hooks
- ✓Bundled Inter font, own dark theme, radial-gradient backdrop, SafeArea and overflow-proof pure-Flutter layout
Use cases
- ✓The active voice-call screen shown while two Pulse users are connected on a 1:1 audio call
- ✓A secure-messaging app needing an encrypted-call UI that signals E2E status and live connection quality
- ✓Drop-in call surface for a WebRTC or telephony SDK, wiring end, video-switch and add-people to real callbacks
- ✓Design reference for teams building a dark, indigo-accented in-call controls layout with a running timer
