Pulse · Profile
Pulse · Profile is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-profile-other.
SocialProfileOtherScreen is the "someone else's profile" view for Pulse, built as a CustomScrollView of slivers. A slim top bar carries a back arrow, the handle marco.valle with an indigo verified badge, and a more-horiz overflow button. The header pairs an 84px _RingAvatarPainter — a sweep-gradient indigo/violet/emerald ring around a gradient disc showing the initials MV — with a spaceAround stat strip of 1.2K Posts, 96.7K Followers and 348 Following, each a tappable GestureDetector. Below sit the display name Marco Vallé, a two-line bio, an accent-violet link row (marcovalle.photo), then an action row: a Follow button that toggles to a Following state with an expand-more chevron via setState, a Message button, and a person-add icon button. A mutuals row overlaps three _CoverPainter avatars under "Followed by...", followed by a horizontal highlights rail of _CoverPainter bubbles (Cities, Type, Film, Books). A pinned _TabBarDelegate holds grid / reels / tagged icons with an AnimatedAlign underline, driving a 15-tile 3-column SliverGrid of _GridThumbPainter thumbnails that change decoration per tab (multi-photo badge, reel play-count, tagged pin). The palette is Pulse's near-mono dark (#0B0B0F bg, #1D1D26 surface, #6E56F7 brand, #9B8CFF accent) with the bundled Inter font. Fully self-contained pure Flutter: own dark theme, SafeArea, overflow-proof, no network images, and backend-agnostic — every action routes through injected callbacks (onBack, onMore, onMessage, onFollowers, onFollowing, onMutuals, onPost).
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_RingAvatarPainter: 84px sweep-gradient ring (indigo/violet/emerald) over a gradient disc rendering the MV initials
- ✓Follow/Following toggle button that flips fill and shows an expand-more chevron via local setState, beside Message and person-add buttons
- ✓Tappable stat strip (1.2K Posts, 96.7K Followers, 348 Following) with onFollowers/onFollowing callback hooks
- ✓_TabBarDelegate pinned SliverPersistentHeader with grid/reels/tagged icons and an AnimatedAlign sliding underline
- ✓15-tile 3-column SliverGrid of _GridThumbPainter thumbnails, per-tab badges (multi-photo, reel view-count, tagged pin) and onPost(index) taps
- ✓Mutual-followers row and highlights rail painted by _CoverPainter, plus bundled Inter font and Pulse dark palette
Use cases
- ✓Viewing another member's public profile before deciding to follow or message them
- ✓Discovering a photographer's work grid, reels and story highlights from a search or tag
- ✓Prompting follows through the mutual-followers social-proof row ("Followed by nadia.k, tomholt +12 more")
- ✓Launching a direct-message thread with a creator via the Message action button
