pill_tab_bar

A compact sliding pill-style tab bar widget for Flutter. The selected tab is highlighted by a rounded pill that smoothly animates between positions — a lightweight alternative to TabBar for segmented controls, mode switches, and small navigation areas.

• Sliding pill indicator with customizable curve and duration
• Two or more tabs
• Optional leading icons
• Theme-aware defaults (colors fall back to the ambient ColorScheme)
• Fully customizable: pill color, foreground colors, background, text style, height, corner radius, shadow

Install

dependencies:
  pill_tab_bar: ^0.0.2

Usage

import 'package:pill_tab_bar/pill_tab_bar.dart';

int _index = 0;

PillTabBar(
  tabs: const [
    PillTab(label: 'Body', icon: Icons.menu_book_outlined),
    PillTab(label: 'Sketch', icon: Icons.edit_outlined),
  ],
  index: _index,
  onChanged: (i) => setState(() => _index = i),
)

Customizing colors

PillTabBar(
  tabs: const [
    PillTab(label: 'Day'),
    PillTab(label: 'Week'),
    PillTab(label: 'Month'),
  ],
  index: _index,
  onChanged: (i) => setState(() => _index = i),
  pillColor: Colors.indigo,
  selectedForeground: Colors.white,
  unselectedForeground: Colors.grey,
  backgroundColor: const Color(0x14000000),
  height: 36,
  textStyle: const TextStyle(
    fontSize: 12,
    fontWeight: FontWeight.w700,
  ),
)

API

License

MIT — see LICENSE.