container_tab_indicator 0.1.2 copy "container_tab_indicator: ^0.1.2" to clipboard
container_tab_indicator: ^0.1.2 copied to clipboard

outdated

Build your own Tab indicator using familiar Container-like properties.

ContainerTabIndicator #

Add customized ContainerTabIndicator as an indicator for your TabBar. You can manipulate width, height, color, border radius at each corner, border color and border width.

class ContainerTabIndicator extends Decoration {
  final double width;
  final double height;
  final BorderRadius radius;
  final Color color;
  final double borderWidth;
  final Color borderColor;
  ...
}

Install #

To use this package

dependencies:
  flutter:
    sdk: flutter
  ...  
  container_tab_indicator: ^0.1.0
  • get the package
flutter pub get
  • import the package
import 'package:container_tab_indicator/container_tab_indicator.dart';

Example #

Full example code can be found at example.

import 'package:container_tab_indicator/container_tab_indicator.dart';

...

TabBar(
  tabs: [
    Text('First', style: TextStyle(color: Colors.black)),
    Text('Second', style: TextStyle(color: Colors.black)),
  ],
  indicator: ContainerTabIndicator(
    width: 96,
    height: 32,
    color: Colors.blue,
    radius: BorderRadius.only(
      topLeft: Radius.circular(8.0),
      bottomRight: Radius.circular(8.0),
    ),
    borderWidth: 1.0,
    borderColor: Colors.black,
  ),
),

example 1

Contributing #

This package is still in early stages. To see the upcoming features, check the Issue board. If you notice any bugs not present in issues, please file a new issue. If you are willing to fix or enhance things yourself, you are very welcome to make a pull request.

42
likes
0
pub points
90%
popularity

Publisher

verified publisherscipack.dev

Build your own Tab indicator using familiar Container-like properties.

Repository (GitHub)
View/report issues

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on container_tab_indicator