diamond_bottom_bar 1.0.0

Custom bottom navigation bar with diamond icon in the middle.

Scaled List

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

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

• Imran Hossen