Skip to content

A custom tab bar widget for Flutter framework.

License

Notifications You must be signed in to change notification settings

emem365/shifting_tabbar

 
 

Repository files navigation

Shifting TabBar

A custom tab bar widget for Flutter framework.

The design is inspired from Rally project (one of material design studies).

pub package

Getting Started

Add the package to pubspec.yaml

dependencies:
    ...
    shifting_tabbar: ^1.0.0

Import the package

import 'package:shifting_tabbar/shifting_tabbar.dart';

Basic Usage

This widget is programmed to work with TabController. You just need to install and import it to your code and use it just like TabBar.

Don't forget to use DefaultTabController as an ancestor widget if you don't specify controller manually!

new ShiftingTabBar(
    tabs: [
        ShiftingTab(
            icon: Icon(Icons.directions_bike),
            text: "Test 1",
        ),
        ShiftingTab(
            icon: Icon(Icons.directions_car),
            text: "Test 2"
        ),
        ShiftingTab(
            icon: Icon(Icons.directions_transit),
            text: "Test 3"
        ),
    ],
)

See example folder in git repository for more detailed example.

About

A custom tab bar widget for Flutter framework.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Dart 86.3%
  • Java 6.4%
  • Objective-C 3.9%
  • Swift 2.6%
  • Kotlin 0.8%