Glow Bottom App Bar

GlowBottomAppBar is a beautiful and easy to use widget which shows a glowing transition from when index changes and is fully customizable.

Show some ♥️ and star the repo to support the project

Resources:

• GitHub Repo
• Example
• Pub Package

Usage

class DemoScreen extends StatelessWidget {
  const DemoScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      bottomNavigationBar: GlowBottomAppBar(
        height: 60,
        onChange: (value) {
          print(value);
        },
        background: Colors.black54,
        iconSize: 35,
        glowColor: Colors.redAccent,
        selectedChildren: const [
          Icon(Icons.ac_unit, color: Colors.redAccent,),
          Icon(Icons.adb_rounded, color: Colors.redAccent,),
          Icon(Icons.account_circle_rounded, color: Colors.redAccent,),
        ],
        children: const [
          Icon(Icons.ac_unit, color: Colors.white,),
          Icon(Icons.adb_rounded, color: Colors.white,),
          Icon(Icons.account_circle_rounded, color: Colors.white,),
        ],
      ),
    );
  }
}

Demo

You can customise glow_bottom_app_bar using parameters like:

height width iconSize duration glowColor background shadowColor children selectedChildren initialIndex