indicator_tab_bar 1.1.0 copy "indicator_tab_bar: ^1.1.0" to clipboard
indicator_tab_bar: ^1.1.0 copied to clipboard

Published 18 days ago
SDKFlutter
PlatformAndroidiOSLinuxmacOSwebWindows
→

Metadata

A fixed-width tab indicator that underlines the label rather than the tab, and a sliver AnimatedSwitcher for cross-fading the body each tab selects.

More...

Changelog #

1.1.0 #

  • LineTabIndicator.alignment — where the bar sits inside the tab. It still defaults to Alignment.bottomCenter, so nothing moves unless you ask; Alignment.topCenter makes it an overline for a TabBar below what it selects, and AlignmentDirectional.bottomStart tucks it under the leading edge of the label and flips with the reading direction.
  • LineTabIndicator.insets — deflates the rect the bar is aligned within, so an underline can be lifted clear of the bottom edge and let the TabBar divider show beneath it.
  • LineTabIndicator.gradient constructor — fills the bar with a Gradient instead of a flat colour. The gradient is laid out across the bar itself, not across the tab, so it runs over exactly indicatorWidth logical pixels, and its shader is rebuilt only when the bar moves.
  • hitTest, getClipPath and painting now resolve TextDirection, falling back to TextDirection.ltr for callers that have none to give.
  • A null side of lerp now fades the fill towards transparent without moving the bar, gradients included, instead of lerping the colour alone.
  • copyWith, ==, hashCode and debugFillProperties cover the new fields.

1.0.0 #

  • First release.
  • LineTabIndicator — a TabBar.indicator decoration that draws a bar of a fixed indicatorWidth, centred on the bottom edge of the tab, rather than one sized to the tab or to its label. A tab narrower than the bar gets one that overhangs it evenly.
  • The bar is a rounded rectangle strokeWidth tall and exactly indicatorWidth wide, with radius clamped to strokeWidth / 2 — past half the height the ends are already semicircles and there is nothing left to round.
  • Value semantics: ==, hashCode, copyWith, debugFillProperties, and lerpFrom/lerpTo over every field, so the indicator animates across a theme change and a rebuild that changes nothing does not repaint.
  • hitTest and getClipPath describe the bar itself, not the whole rect it was laid out in.
  • SliverAnimatedSwitcher — an AnimatedSwitcher for slivers, for a tab body living in a CustomScrollView. The plain one stacks its children in a Stack and wraps them in box transitions, neither of which a sliver survives.
  • Only the incoming sliver animates: slivers cannot be overlaid, so the outgoing one is dropped as the swap begins. switchOutCurve and reverseDuration are deliberately absent rather than present and inert.
  • transitionBuilder for a transition other than the default SliverFadeTransition.
  • No Material import anywhere in lib/. TabBar.indicator takes a plain Decoration, so the indicator serves a TabBar from package:flutter/material.dart and one from the material_ui fork alike.
  • README images are generated from the real widgets by example/test/screenshots_test.dart.

← Metadata

2
likes
160
points
135
downloads
screenshot

Documentation

API reference

Publisher

unverified uploader

Weekly Downloads

Metadata

A fixed-width tab indicator that underlines the label rather than the tab, and a sliver AnimatedSwitcher for cross-fading the body each tab selects.

Homepage
Repository (GitHub)
View/report issues

Topics

#tab-bar #tabs #indicator #sliver #widget

License

MIT (license)

Dependencies

flutter

More

Packages that depend on indicator_tab_bar

Back