A clean dashboard with sticky tabs (“Report / Today / Weight”) that act as in-page navigation. Tap any tab to smooth-scroll the page to its section; as you scroll manually, the active tab updates (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 with easing + adjustable duration.

• Scroll-spy behavior: active tab auto-highlights based on viewport position.

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

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

• Works with dynamic heights (cards, charts, lists) without hardcoding pixels.

• Optional deep link / initial tab support (open screen scrolled to a section).

• Pull to refresh and lazy loading for long reports.

• Haptics & ripple feedback on tab taps (optional).

• 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, and 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, Flutter widget, dark mode, light mode, accessibility, haptic feedback, performance, slivers, programmatic scroll.