chip_navigation_bar 0.0.2

A customizable chip-style navigation bar for Flutter.

Chip Navigation Bar

A customizable chip-style navigation bar for Flutter.

Features

• Easy to use
• Highly customizable
• Smooth animations

Usage

  int _currentIndex = 0;

  final List<ChipNavigationBarItem> _items = [
    const ChipNavigationBarItem(
      icon: Icons.home,
      label: 'Home',
      activeColor: Colors.blue,
    ),
    const ChipNavigationBarItem(
      icon: Icons.favorite,
      label: 'Favorites',
      activeColor: Colors.red,
    ),
    const ChipNavigationBarItem(
      icon: Icons.settings,
      label: 'Settings',
      activeColor: Colors.green,
    ),
    const ChipNavigationBarItem(
      icon: Icons.info,
      label: 'About',
      activeColor: Colors.orange,
    ),
  ];

bottomNavigationBar: ChipNavigationBar(
    items: _items,
    currentIndex: _currentIndex,
    onTap: (index) {
      setState(() {
        _currentIndex = index;
        });
      },
    ),

🚀Showcase

(https://gifyu.com/image/SeWug)