Spotlight Bottom Navigation Bar for Flutter

Adds a spotlight theme to your bottom navigation bar.

Installing:

1. Add the dependency in your pubspec.yaml file.

dependencies:
  highlight_nav_bar: <latest version>

2. Import the highlight_nav_bar package.

import 'package:highlight_nav_bar/spotlight_nav_bar.dart';

Usage

MaterialApp(
  title: 'SpotlightNavBar Example',
  theme: ThemeData.light(),
  darkTheme: ThemeData.dark(),
  themeMode: ThemeMode.system,
  home: SpotlightNavBar(
    items: [
      SpotlightItem(
        title: 'Home',
        screen: const Center(
          child: Text('Home'),
        ),
      ),
      SpotlightItem(
        title: 'Search',
        screen: const Center(
          child: Text('Search'),
        ),
        icon: Icons.search,
        spotlightColor: Colors.green,
      ),
      SpotlightItem(
        title: 'Profile',
        screen: const Center(
          child: Text('Profile'),
        ),
        icon: Icons.person,
        lampColor: Colors.red,
        spotlightColor: Colors.blue,
      ),
    ],
  ));

Examples