bottom_indicator_bar 1.0.0

Flutter Android iOS web

A flutter bottom tab with indicator, similar to the bottom tab of facebook app .

bottom_indicator_bar #

A flutter bottom tab with indicator, similar to the bottom tab of facebook app

bottom_indicator_bar Gif

Getting Started #

Add the dependency in pubspec.yaml:

dependencies:
  ...
  bottom_indicator_bar: lastest_version

Basic Usage #

class HomePage extends StatefulWidget {
  @override
  State createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  final List<BottomIndicatorNavigationBarItem> items = [
    BottomIndicatorNavigationBarItem(icon: Icons.home),
    BottomIndicatorNavigationBarItem(icon: Icons.search),
    BottomIndicatorNavigationBarItem(icon: Icons.settings),
  ];


  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Indicator Bottom Bar"),
        backgroundColor: Colors.teal,
      ),
      body: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
          ],
        ),
      ),
      bottomNavigationBar: BottomIndicatorBar(
        onTap: (index) => {},
        items: items,
        activeColor: Colors.teal,
        inactiveColor: Colors.grey,
        indicatorColor: Colors.teal,
      ),
    );
  }
}
2
likes
90
pub points
37%
popularity

A flutter bottom tab with indicator, similar to the bottom tab of facebook app .

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

djwayomix@gmail.com

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on bottom_indicator_bar