A production-ready in-page navigator that turns a chip/tab row into instant scroll-to-section controls. Bind a list of titles, feed your content via a builder, and the widget smoothly scrolls to the exact item index—with offsets that respect sticky headers and safe areas. Fully themeable with 28 parameters, silky animations, and rock-solid behavior on long, dynamic lists.
Functionality
-
Tap a chip → scroll to item (by index) with configurable duration/easing.
-
Content builder API: render each section/card with your own component.
-
Auto sizing for dynamic rows (no hardcoded heights required).
-
Header awareness:
headerHeight
,extraTopOffset
to clear sticky bars. -
Scroll-spy (optional): highlight the active chip while the user scrolls.
-
Press feedback: configurable
pressScale
for tactile tap states. -
Chip design controls: gap, horizontal/vertical padding, radius, border,
active/inactive bg & text colors, start/end spacing. -
Typography controls:
titleWeight
, text size/contrast. -
List spacing: global
sectionSpacing
between items. -
Initial index & programmatic control (jump/animate to any index).
-
Works with
ListView
,CustomScrollView/Slivers
, or inside sheets. -
RTL & localization: mirrored chips and natural scroll direction.
-
Accessibility: large hit targets, semantic labels, high-contrast colors.
-
Performance-minded: reused cells, throttled listeners, stutter-free scrolling.
-
Theme ready: light/dark palettes; card shadows/radii fit modern UI kits.
-
Tested on real devices (iOS/Android) for long feeds and nested scrolls.
Great for: product pages (Specs/Reviews/FAQ), docs & help centers, category menus, analytics dashboards, and any long screen that benefits from chip-based section navigation.
Keywords: scroll to index, chips to sections, anchored navigation, scroll spy, sticky header offset, smooth scrolling, list anchors, ListView, CustomScrollView, SliverList, content builder, dynamic height, press scale, chip radius, chip spacing, active color, inactive color, title weight, section spacing, start spacing, end spacing, extra top offset, scroll duration, easing curve, RTL support, accessibility, high contrast, responsive UI, FlutterFlow widget, Flutter component, mobile navigation, product details, reviews, FAQ, documentation navigator, category tabs, performance optimized, dark mode, light mode.
Scroll to Index Widget V3
- Fixed price & scope
- Pixel-perfect UI/UX
- App Store & Google Play submission
You may only use this template for one project. For more details, please read the Marketplace Terms of Service.