mzakizadeh / shifting_tabbar

A custom tab bar widget for Flutter framework.

Shifting TabBar

A custom tab bar widget for Flutter framework.

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

Getting Started

Add the package to pubspec.yaml

dependencies:
    ...
    shifting_tabbar: ^1.0.2

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.

shifting_tabbar's Issues

Suggestions to cater for different sizes device

1. For Widget _buildTab, you can use mainAxisAlignment: MainAxisAlignment.center, in Row to cater for different length of words.
2. For labelFlex, MediaQuery.of(context).devicePixelRatio gives a better feeling across different sizes screen.

Texts seem upper case

Texts of bar titles are capital letters. Is it known thing or a bug? http://prntscr.com/r2mprj And is there any option for changing color, size of text?

Please add NULL-Safty support.

Hi
Thank you for creating this package, can you please update your package to support null-safety.

ShiftTabbar with scrollable

Is there anyway to make this tab bar scrollable. because i have to set more tabs than 5 so its become congested when i click a tab.

Add more customization

With 5 tabs, the last is about to leave the screen, and the first have a sort of padding on the left, please make something so we can adjust these things.

IMPORTANT - Error with null-safety

Hi! I've updated my project to sdk: ">=2.12.0 <3.0.0" and I have an error that I can't resolve:
type 'List<_ShiftingTabWidget?>' is not a subtype of type 'List<Widget>' in type cast

the tabs I'm using are the following:

List<ShiftingTab> tabs = [
      ShiftingTab(icon: Icon(Icons.info), text: "1"),
      ShiftingTab(icon: Icon(Icons.shopping_cart_rounded), text: "2"),
      ShiftingTab(icon: Icon(Icons.group_rounded), text: "3"),
      ShiftingTab(icon: Icon(Icons.chat_bubble_rounded), text: "4"),
    ];

The error seems coming from p_ackage:shifting_tabbar/shifting_tabbar.dart:117:40_

Thanks for helping :D