shifting_tabbar 0.3.1

Flutter Android iOS web

A custom tab bar widget for Flutter framework with nice and clean shifting animation.

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: ^0.3.1

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.

17
likes
100
pub points
79%
popularity

A custom tab bar widget for Flutter framework with nice and clean shifting animation.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

mahdizakizadeh.me@gmail.com

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on shifting_tabbar