browser_tab_bar 0.2.1 copy "browser_tab_bar: ^0.2.1" to clipboard
browser_tab_bar: ^0.2.1 copied to clipboard

Chrome-style browser tab bar widget (tab strip only, page content is up to you): add/close/activate/update tabs, hover fades, toolbar-merged active tab, keyboard navigation, light and dark themes.

0.2.1 #

  • Active tab outline border + strip-bottom separator: new style token TabBarStyle.activeBorder (defaults to the divider color; pass null to disable both).
  • 1px outline on the active tab itself (top edge, sides, ears), excluding the bottom edge — it keeps blending with the toolbar below.
  • The bottom separator fills the strip's last pixel row and runs to both ends of the bar, painted beneath all tabs (Chrome-style stacking): the active tab's fill and ear wings naturally eclipse the middle, the line emerges from behind the ear curves — intersection makes the joint, no butt-joint seams. The separator also covers the junction seam with the toolbar (no toolbar overlap needed).

0.2.0 #

  • Context menu: right-click a tab (or the empty strip area) opens the menu — New tab / Close (hand-drawn linear icon), divider, Close to the left / Close others / Close to the right (bulk group, no icons); unavailable items are disabled automatically; keyboard Menu / Shift+F10 opens it on the focused tab.
  • TabBarController gains closeOthers / closeLeft / closeRight (switch activation first, then bulk-close, with a clean event stream).

0.1.1 #

  • LICENSE copyright holder corrected (wanghonghust → wanghong).

0.1.0 #

  • Initial release.
  • Chrome-style tab strip: tab height 34 / strip height 38, flexible equal-width tabs (72–240px), active tab with 8px ears blending into the toolbar.
  • Overflow dropdown: when tabs no longer fit, a dropdown button appears on the left listing hidden tabs (activate / close from the menu); the active tab always stays visible.
  • Interactions: click to switch, x / middle-click to close, closing the active tab activates the right neighbor, closing the last tab auto-creates a "New Tab".
  • Keyboard: roving focus + arrow keys to move + Enter/Space to activate, Esc / click to dismiss the focus ring.
  • Light and dark themes (TabBarStyle.light / dark), zero third-party dependencies.
1
likes
150
points
252
downloads

Documentation

API reference

Publisher

unverified uploader

Weekly Downloads

Chrome-style browser tab bar widget (tab strip only, page content is up to you): add/close/activate/update tabs, hover fades, toolbar-merged active tab, keyboard navigation, light and dark themes.

Repository (GitHub)
View/report issues

License

MIT (license)

Dependencies

flutter

More

Packages that depend on browser_tab_bar