diamond_bottom_bar 1.0.0 copy "diamond_bottom_bar: ^1.0.0" to clipboard
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 #

17
likes
130
pub points
76%
popularity

Publisher

unverified uploader

Custom bottom navigation bar with diamond icon in the middle.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on diamond_bottom_bar