westdabestdb / md2_tab_indicator

md2_tab_indicator / MD2 Tab Indicator

MD2TabIndicator is a tab indicator influenced by Google's Material Design 2 tab indicator design and developed by westdabestdb.

Getting Started

Add this to your package's pubspec.yaml file:

...
dependencies:
  md2_tab_indicator: ^1.0.2

Now in your Dart code, you can use:

import 'package:md2_tab_indicator/md2_tab_indicator.dart';

Usage

TabBar(
  labelStyle: TextStyle( //up to your taste
    fontWeight: FontWeight.w700
  ),
  indicatorSize: TabBarIndicatorSize.label, //makes it better
  labelColor: Color(0xff1a73e8), //Google's sweet blue
  unselectedLabelColor: Color(0xff5f6368), //niceish grey
  isScrollable: true, //up to your taste
  indicator: MD2Indicator( //it begins here
    indicatorHeight: 3,
    indicatorColor: Color(0xff1a73e8),
    indicatorSize: MD2IndicatorSize.normal //3 different modes tiny-normal-full
  ),
  tabs: <Widget>[
    Tab(
      text: "Home",
    ),
    Tab(
      text: "Personal info",
    ),
    Tab(
      text: "Data & personalization",
    ),
    Tab(
      text: "Security",
    )
  ],
),

md2_tab_indicator's Issues

"indicatorSize" is missing in your example

Bottom padding

I need to move the indicator up a little
Without using indicator property I can use indicatorPadding and get it done
But with setting indicator, indicatorPadding not working

package:md2_tab_indicator don't support null safety

please add null safety in this package

Support null safety

Please consider adding null safety to this package 🤗

Crashes

I'm getting the following error,

> ════════ Exception caught by rendering library ═════════════════════════════════════════════════════
> The following NoSuchMethodError was thrown during paint():
> The getter 'top' was called on null.
> Receiver: null
> Tried calling: top

Unable to import package

Hello,
After downloading the package, I'm unable to import it with
import 'package:md2_tab_indicator/md2_tab_indicator.dart';

Thanks