Pub.dev

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