Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
Package detailsv0.1.1

tabbar

Simple tabbar, rewritten using pagecontroller and facilitating internal PageView manipulation

pub.dev API documentation Source code
30-day downloads
43
Likes
24
Pub points
40

Install package

flutter pub add tabbar

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A simple, customizable tab bar built using PageController to enable smooth navigation between tabs. It simplifies internal PageView management, allowing developers to easily control tab transitions and state. Designed for clean, efficient tab-based UIs in Flutter apps, it provides a lightweight alternative to standard tab bars with enhanced programmable behavior. Ideal for apps requiring dynamic tab switching and custom animations.

Use cases

  • Creating dynamic tab interfaces
  • Implementing swipeable tab navigation
  • Building custom tab layouts
  • Managing tab state with PageController
  • Enabling programmatic tab switching
  • Integrating with complex page transitions

Key features

  • Built on PageController for advanced control
  • Simplifies internal PageView handling
  • Supports custom tab styling
  • Facilitates smooth tab transitions
  • Lightweight and easy to integrate
  • Offers programmatic tab manipulation

Suitable for

  • Developers seeking fine-grained control over tab navigation
  • Apps with multiple scrollable tab sections
  • Custom tab UI implementations
  • Projects needing reusable tab components
  • Flutter beginners learning PageController usage
  • Apps requiring responsive tab behavior

Considerations

  • Does not include built-in animation presets
  • Limited to basic tab functionality without additional features
  • Requires manual state management
  • No platform-specific optimizations
  • Not designed for nested tab structures
  • May need additional styling for complex designs

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

tabbar

Simple tabbar, rewritten using pagecontroller and facilitating manipulation of the internal PageView. Its layout is very similar to TabBarView, as the following image:

Simple use

Controller declaration

final controller = PageController();

Header


TabbarHeader(
  controller: controller,
  tabs: [
    Tab(child: Icon(Icons.ac_unit)),
    Tab(text: "Tab 2"),
    Tab(child: Icon(Icons.access_alarm)),
  ],
),

Content

TabbarContent(
  controller: controller,
  children: <Widget>[
    Container(color: Colors.yellow),
    Container(color: Colors.red),
    Container(color: Colors.purple),
  ],
),

Getting Started

This project is a starting point for a Dart package, a library module containing code that can be shared easily across multiple Flutter or Dart projects.

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

Categories

Tab

Source repository

Projects using this package

No data available yet.