Refined Top Tab Bar — bold label + ink underline ✨. A FlutterFlow Scrollable Tabs Widget where the active label turns bold, and a material-style ink underline slides and morphs to the tab’s width. During swipes, the indicator tracks gesture progress with spring physics, while inactive titles stay subdued for a clear visual hierarchy. Built for real apps: fully themeable, accessible, and seamlessly wired to page navigation. 🚀

⚙️ Functionality

• 🧠 Smart underline animation: slide + grow/shrink to match label width

• 📜 Layouts: fixed or scrollable tabs; center/leading alignment; equal or auto widths

• 🖐️ Gesture-driven: tap to select; swipe-linked with PageView/Router

• ✍️ States: active/inactive text weight, color, opacity; ripple + subtle haptics

• 🧩 Extras: per-tab icons/badges, disabled/unread states, long-label ellipsis

• 🎨 Theming: indicator color/thickness/corner radius, spacing, typography, shadows

• ♿ Accessibility: RTL, dark mode, Reduce Motion, ARIA/semantics, focus rings

• ⚡ Performance: layer caching, jank-free, targets 60fps

🧭 Use Cases

• 🗞️ Top-level sections: News (Latest/Trending/Saved), Shop (Men/Women/Kids), Media (Songs/Albums/Artists)

• 📊 Filters/Chips: dashboards, analytics segments

• 📚 Libraries: content/category carousels with many tabs

• 🧪 Flows: multi-step forms and wizards with clear progress

🔑 Keywords

flutterflow scrollable tabs widget, tab bar custom widget flutterflow, underline indicator widget flutterflow, animated ink bar flutterflow, scrollable tabs flutterflow widget, text tabs flutterflow, bold active label tabs, gesture driven tabs flutterflow, pageview sync tabs flutterflow, haptic feedback tabs widget, icons badges tabs flutterflow, disabled unread state tabs, rtl dark mode tabs widget, reduce motion accessibility tabs, theming tabs custom widget, high performance flutter widget, flutterflow navigation widget, modern ui tabs flutterflow, premium tabbar flutterflow