Effective Dart Badge MIT License Badge

Scaled List

Custom bottom navigation bar with diamond icon in the middle you can customize the number of items either be Five or three.

Image Image

Usage

  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Diamond Bottom Bar',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        body: _selectedWidget,
        bottomNavigationBar: DiamondBottomNavigation(
          itemIcons: const [
            Icons.home,
            Icons.notifications,
            Icons.message,
            Icons.account_box,
          ],
          centerIcon: Icons.place,
          selectedIndex: _selectedIndex,
          onItemPressed: onPressed,
        ),
      ),
    );
  }

Usage Scenarios

  • When You like to use Bottom navigation with Main Center Item in a diamong shape.

Contributers

Hosain Mohamed

Inspiration

Libraries

diamond_bottom_bar