molten_navigationbar_flutter #

An animated bottom navigation bar with a lot of attributes to teak and have fun with ✔🚀

Getting Started #

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

dependencies:
  molten_navigationbar_flutter: ^1.0.0

Import the package #

import 'package:molten_navigationbar_flutter/molten_navigationbar_flutter.dart';

How to Use #

You can use it in the scaffold's bottomnavigationbar, or anywhere you would like! Just call the MoltenBottomNavigationBar widget and provide the tabs, onTabChange and selectedIndex attributes. The rest of the attributes are optional

Scaffold(
   bottomNavigationBar: MoltenBottomNavigationBar(
      selectedIndex: _selectedIndex,
      onTabChange: (clickedIndex) {
        setState(() {
          _selectedIndex = clickedIndex;
        });
      },
      tabs: [
        MoltenTab(
          icon: Icon(Icons.search),
        ),
        MoltenTab(
          icon: Icon(Icons.home),
        ),
        MoltenTab(
          icon: Icon(Icons.person),
        ),
      ],
   ),
),

MoltenBottonNavigationBar's Attributes #

MoltenTab's Attributes #

Example #

You can find an example here