https://github.com/vipulasri/flutter_bubble_tab_indicator

A Flutter library to add bubble tab indicator to TabBar
https://github.com/vipulasri/flutter_bubble_tab_indicator

dart flutter tabbar tabindicator

Last synced: about 2 months ago
JSON representation

A Flutter library to add bubble tab indicator to TabBar

• Host: GitHub
• URL: https://github.com/vipulasri/flutter_bubble_tab_indicator
• Owner: vipulasri
• License: mit
• Created: 2018-05-21T06:15:58.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2021-03-08T08:50:51.000Z (about 4 years ago)
• Last Synced: 2025-04-02T02:35:25.317Z (about 2 months ago)
• Topics: dart, flutter, tabbar, tabindicator
• Language: Dart
• Size: 149 KB
• Stars: 191
• Watchers: 3
• Forks: 32
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# Bubble Tab Indicator

[![pub package](https://img.shields.io/pub/v/bubble_tab_indicator.svg)](https://pub.dartlang.org/packages/bubble_tab_indicator)

A Flutter library to add bubble tab indicator to TabBar.

![banner](images/banner.jpg)

## Getting Started

Add package from github by adding the following to your pubspec.yaml, pub publication is added later.

````

  dependencies:

    bubble_tab_indicator: "^0.1.5"

````

Import the library in your file:

````

import 'package:bubble_tab_indicator/bubble_tab_indicator.dart';

````

Use the BubbleTabIndicator like this: 

````

new TabBar(

  indicatorSize: TabBarIndicatorSize.tab,

  indicator: BubbleTabIndicator(

            indicatorHeight: 25.0,

            indicatorColor: Colors.blueAccent,

            tabBarIndicatorSize: TabBarIndicatorSize.tab,

            // Other flags

            // indicatorRadius: 1,

            // insets: EdgeInsets.all(1),

            // padding: EdgeInsets.all(10)

          ),

)

````