diamond_bottom_bar 1.0.0 icon indicating copy to clipboard operation
diamond_bottom_bar: ^1.0.0 copied to clipboard

Custom bottom navigation bar with diamond icon in the middle.

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 #

11
likes
130
pub points
80%
popularity

Publisher

unverified uploader

Custom bottom navigation bar with diamond icon in the middle.

Repository (GitHub)

Documentation

API reference

License

Icon for licenses.MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on diamond_bottom_bar