Pulse · Stay Updated
Pulse · Stay Updated is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-setup-notifications.
Stay Updated is the seventh step (7 of 8) of Pulse's profile-setup flow, framed as a push-permission primer that lets the new user pick exactly which alerts they want before the OS prompt fires. The _SetupHeader tops the screen with a back IconButton, an eight-segment progress bar (filled segments in indigo #6E56F7, remaining in hairline) and a '7/8' counter. Below, a centered rounded badge tinted with translucent brand indigo holds an active-bell icon, followed by the 'Stay in the loop' headline (Inter, -0.7 letter-spacing) and a muted subhead reminding users they can change anything later in Settings. The heart of the screen is a hairline-bordered surface card that generates a _NotifRow per _NotifType: a rounded icon tile, a bold title with a smaller muted subtitle, and a Material Switch styled in the brand palette (white thumb on indigo track when on). The five rows cover Likes & reactions, New followers, Direct messages, Mentions & replies, and Calls, each divided by an indented Divider; every switch defaults to on and flips its own bool via setState. A pinned _SetupFooter holds a fixed 54px 'Turn on notifications' FilledButton. Fully self-contained pure Flutter: bundled Inter font, its own near-mono dark theme (#0B0B0F background), SafeArea, ListView scrolling and overflow-proof layout, no network images. Backend-agnostic drop-in wired through injected onBack and onContinue callbacks.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_SetupHeader with back button, eight-segment indigo progress bar and a live '7/8' step counter
- ✓Painted brand-tinted bell badge plus 'Stay in the loop' Inter headline and muted Settings subhead
- ✓_NotifRow cluster built from a _NotifType list: icon tile, title, subtitle and a themed Material Switch
- ✓Five per-type toggles (likes, follows, direct messages, mentions, calls) each defaulting on with independent setState
- ✓Pinned _SetupFooter with a fixed-height 'Turn on notifications' FilledButton in brand indigo
- ✓Injected onBack and onContinue VoidCallback hooks, bundled Inter font and self-contained dark theme
Use cases
- ✓Pre-permission opt-in screen shown before the native iOS or Android push prompt during onboarding
- ✓Granular notification-preferences panel reused inside a social app's Settings section
- ✓Onboarding step in any chat or community product that needs per-event alert toggles
- ✓Reference implementation for building themed toggle-row cards driven by a typed model list
