Pulse · Pick Interests
Pulse · Pick Interests is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-setup-interests.
Pick Interests is the fourth of eight profile-setup steps in Pulse, the screen that seeds the recommendation engine. A _SetupHeader tops the layout with a back IconButton, an eight-segment progress bar (the first four segments filled indigo), and a "4/8" counter. Below, a scrolling ListView holds the "What are you into?" title, a subheading explaining that picks shape the feed and suggest people to follow, and a live status row: an Icons.radio_button_unchecked / Icons.check_circle swap next to "2 of 3 selected" that flips to a green "3 selected — you're good to go" once the minimum is met. The heart of the screen is a Wrap of eighteen _TopicPill widgets (Design, Photography, Technology, Music, Travel, Gaming, and more), each carrying its own accent color. Unselected pills show a small painted category dot on a dark _surfaceAlt fill; tapping runs a 160ms AnimatedContainer that tints the pill with its topic color, swaps the dot for an Icons.check, and brightens the border and label. Selection state lives in a Set, and a pinned _SetupFooter at fixed 54px height keeps a FilledButton disabled — reading "Pick N more" — until three topics are chosen, then unlocks to "Continue." It is self-contained pure Flutter: bundled Inter font, its own dark near-mono theme on a #0B0B0F background with the #6E56F7 indigo brand and #34D399 success green, SafeArea, overflow-proof scrolling, and no network images. Backend-agnostic and drop-in, wired entirely 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
- ✓_TopicPill widget with a painted category dot that swaps to an Icons.check and color-tinted fill on select, via a 160ms AnimatedContainer
- ✓_SetupHeader with a back IconButton, eight-segment step progress bar, and a live "4/8" step counter
- ✓Eighteen preset topics (Design, Photography, Technology, Music, Travel, Gaming, Food, Fitness, and more), each with its own accent color
- ✓Live minimum-pick status row that swaps radio/check icons and text to a green "you're good to go" once three are chosen
- ✓_SetupFooter with a fixed-height FilledButton that stays disabled showing "Pick N more" until the threshold unlocks Continue
- ✓Injected onBack and onContinue callbacks, a Set-backed selection model, bundled Inter font and self-contained dark theme
Use cases
- ✓Onboarding step where a new social user selects topics to personalize their initial feed and follow suggestions
- ✓Interest or category picker inside a multi-step signup wizard with a required minimum-selection gate
- ✓Content-preference settings screen letting existing users edit which topics shape their recommendations
- ✓Community or newsletter app collecting subscription tags before routing users to relevant channels
