https://github.com/mzakizadeh/shifting_tabbar

A custom tab bar widget for Flutter framework.
https://github.com/mzakizadeh/shifting_tabbar

flutter material-design

Last synced: 3 days ago
JSON representation

A custom tab bar widget for Flutter framework.

• Host: GitHub
• URL: https://github.com/mzakizadeh/shifting_tabbar
• Owner: mzakizadeh
• License: mit
• Created: 2019-03-25T16:50:23.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2024-08-09T17:53:13.000Z (6 months ago)
• Last Synced: 2024-08-23T23:54:07.166Z (6 months ago)
• Topics: flutter, material-design
• Language: Dart
• Homepage:
• Size: 791 KB
• Stars: 146
• Watchers: 3
• Forks: 18
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Shifting TabBar

A custom tab bar widget for Flutter framework. 

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

[![pub package](https://img.shields.io/badge/pub-v1.0.2-blue.svg)](https://pub.dartlang.org/packages/shifting_tabbar)



## Getting Started

### Add the package to `pubspec.yaml`

```yaml

dependencies:

    ...

    shifting_tabbar: ^1.0.2

```

### Import the package

```dart

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!**

```dart

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.