About

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

We’ll build your app in 7 days
Features
Categories
Style
Support
Single Use Individual License

You may only use this template for one project. For more details, please read the Marketplace Terms of Service.