Spotlight Navigation Bar

A responsive customized bottom navigation bar written in flutter and dart.

Credits to Sanchita Agrawal for inspiration!

Show some :heart: and star the repo to support the project.

Demo :

ezgif com-video-to-gif (1)

Usage

Example

To use this package :

  • add the dependency to your pubspec.yaml
    dependencies:
        flutter:
          sdk: flutter
        spotlightnavbar:

How to use :

Widget build(BuildContext context) {
    return MaterialApp(
       
      home: Scaffold(
        bottomNavigationBar: SpotLightNavBar(
          animationDuration: Duration(seconds: 1),
          onItemPressed: (i) {
            setState(() => index = i);
          },
          selectedItemColor: Colors.white,
          bottomNavBarColor: Color(0xff3B3B3B),
          nonSelectedItemColor: Colors.white30,
          items: [
            Icon(
              Icons.grain,
            ),
            Icon(
              Icons.search,
            ),
            Icon(
              Icons.flag,
              size: 20,
            ),
          ],
        ),
    );

Libraries

showUp
spotlightnavbar
trapezium_painter