✨ A clean dashboard powered by a scroll to index widget — sticky tabs (“Report / Today / Weight”) double as in-page navigation. Tap a tab to smooth-scroll to its section; as you scroll, the active tab updates automatically (scroll-spy). Perfect for long metric pages like fitness reports, finance overviews, or profiles. 📊🏋️‍♂️👤

⚙️ Functionality

• 📌 Sticky TabBar pinned at the top for quick in-page navigation

• 🛝 Smooth animated scroll to any section (easing + adjustable duration)

• 🛰️ Scroll-spy: active tab auto-highlights by viewport position

• 🧭 Anchored sections (e.g., This Week, Daily Goal, Health Tracker) with unique IDs/keys

• 🧩 Programmatic control: animateTo / jumpTo via ScrollController / GlobalKey

• 📐 Dynamic heights supported—no hardcoded pixels (cards, charts, lists)

• 🔗 Deep link / initial tab support to open scrolled to a section

• 🔄 Pull-to-refresh & lazy loading for long reports

• 📳 Optional haptics & ripple on tab taps

• 🎨 Theming: light/dark, accent color, typography, rounded cards

• ♿ Accessibility: large tap targets, semantic section headers, focus restore

• ⚡ Performance-minded: Slivers/ListView reuse, throttled scroll listeners

• 📈 Analytics hooks (e.g., “tab_viewed”, “section_reached”)

✅ Great for

Analytics/report pages • Fitness trackers • Billing overviews • Learning dashboards — any long screen that benefits from scroll-to-element navigation. 🚀

Keywords: scroll to section, anchored tabs, scroll-spy, sticky header, in-page navigation, smooth scrolling, TabBar, SliverAppBar, ListView, SingleChildScrollView, ScrollController, GlobalKey, anchor links, animateTo, jumpTo, viewport offset, section IDs, deep linking, initial tab, lazy loading, pull to refresh, dashboard layout, fitness report, weekly summary, daily goal, card list, responsive UI, FlutterFlow component, FlutterFlow widget, dark mode, light mode, accessibility, haptic feedback, performance, slivers, programmatic scroll.