Pulse · My Profile
Pulse · My Profile is a production-ready Social Flutter screen from FlutterKit Pro, installable with flutterkit add social-profile-self.
SocialProfileSelfScreen is the Profile bottom-nav tab (index 4) for Pulse, rendered as a CustomScrollView so the tab bar pins while the media grid scrolls. The top bar shows the handle 'sofiaramos' with an expand chevron plus insights (bar-chart) and settings (menu) icon buttons. The header pairs an 84px _RingAvatarPainter — a sweep-gradient story ring (indigo #6E56F7 to violet #9B8CFF to pink) around a monogram 'SR' disc — with a three-up stats strip (248 Posts, 18.4K Followers, 612 Following), each tappable. Below sit the display name, a two-line bio with she/her pronouns, an accent-colored link row (sofia.design with a link icon), an Edit profile / Share profile button pair, and an add-people icon button. A horizontal highlights rail leads with a 'New' add bubble followed by circular _CoverPainter gradient covers (Travel, Design, Studio, Food, Coffee). A pinned _TabBarDelegate switches Posts / Reels / Tagged with an AnimatedAlign underline, driving an 18-tile 3-column SliverGrid of _GridThumbPainter tiles that overlay a collections badge, a reel play-count, or a tagged pin depending on tab. Self-contained pure Flutter: bundled Inter font, its own dark near-mono theme, SafeArea, overflow-proof, no network images. Backend-agnostic drop-in wired through injected callbacks (onTab, onEdit, onShare, onSettings, onFollowers, onFollowing, onInsights, onHighlights, 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 — sweep-gradient story ring around a painted 'SR' monogram avatar disc
- ✓Tappable stats strip rendering 248 Posts, 18.4K Followers, 612 Following via _stat cells
- ✓Pinned _TabBarDelegate with AnimatedAlign underline switching Posts / Reels / Tagged icons
- ✓_GridThumbPainter 18-tile 3-column SliverGrid with per-tab collections, reel-count, and tagged-pin overlays
- ✓Horizontal highlights rail: 'New' add bubble plus circular _CoverPainter gradient covers
- ✓Nine injected callbacks (onTab, onEdit, onShare, onSettings, onFollowers, onFollowing, onInsights, onHighlights, onPost) and bundled Inter font
Use cases
- ✓The self-profile / account tab of a social or creator app where users view their own posts and stats
- ✓A creator-portfolio surface showing follower counts, bio link, and a Posts/Reels/Tagged media grid
- ✓Onboarding preview of a completed profile after a user finishes editing name, bio, and highlights
- ✓A settings entry point wiring the insights and menu icons to analytics and account preferences
