Custom bottom navigation bar with diamond icon in the middle.

Related tags

Open Source Apps diamond_bottom_bar
Overview

Effective Dart Badge MIT License Badge

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.

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

You might also like...

Simple markdown editor. with custom keyboard helper for making bold, italic, list, URL, photoURL, etc

Simple markdown editor. with custom keyboard helper for making bold, italic, list, URL, photoURL, etc

Flutter Markdown Editor A simple markdown creator/editor application, developer with flutter. special auxiliary keyboard features (for develop markdow

Dec 15, 2022

A Flutter package for show custom in-app notification.

A Flutter package for show custom in-app notification.

💬 in_app_notification A Flutter package to show custom in-app notification with any Widgets. ✍️ Usage Import it. dependencies: in_app_notificatio

Oct 27, 2022

A Flutter package for building custom skeleton widgets to mimic the page's layout while loading.

A Flutter package for building custom skeleton widgets to mimic the page's layout while loading.

Skeletons A Flutter package for building custom skeleton widgets to mimic the page's layout while loading. Examples Items ListView (Default) ListView

Dec 17, 2022

A Flutter package with custom implementation of Drawer

A Flutter package with custom implementation of Drawer

Flutter Zoom Drawer A Flutter package with custom implementation of the Side Menu (Drawer) Getting Started To start using this package, add flutter_zo

Dec 22, 2022

QR.Flutter is a Flutter library for simple and fast QR code rendering via a Widget or custom painter.

QR.Flutter is a Flutter library for simple and fast QR code rendering via a Widget or custom painter.

QR.Flutter is a Flutter library for simple and fast QR code rendering via a Widget or custom painter. Need help? Please do not submit an issue for a "

Jan 4, 2023

A Flutter plugin to use Chrome Custom Tabs.

Flutter Custom Tabs Plugin With the Flutter Custom Tabs Plugin, you can use Custom Tabs as easily as url_launcher. This plugin is built as federated p

Nov 18, 2022

A Flutter plugin to use Chrome Custom Tabs.

A Flutter plugin to use Chrome Custom Tabs.

flutter_custom_tabs A Flutter plugin to use Chrome Custom Tabs. Custom Tabs is supported only Chrome for Android. For this reason, the interface is sa

Mar 28, 2020

A chatting app made with Flutter and FireBase. It supports GIPHY gifs, images, stcikers, dark mode, custom animations, google login, online storage, beautiful UI and more.

A chatting app made with Flutter and FireBase. It supports GIPHY gifs, images, stcikers, dark mode, custom animations, google login, online storage, beautiful UI and more.

ChatMe A Flutter based chatting app which lets user chat from random peoples or strangers, has GIPHY gif support, sitckers, custom animations, dark mo

Nov 7, 2022

tmodinstaller - A beautiful mod installer for minecraft supporting custom repositories and more

tmodinstaller - A beautiful mod installer for minecraft supporting custom repositories and more

tmodinstaller A beautiful mod installer for minecraft supporting custom repositories and more. TMod Installer is a cross platform mod installer and up

Aug 28, 2022
Comments
  • Icon and Diamond shape fixed ✅ for web support 🔥

    Icon and Diamond shape fixed ✅ for web support 🔥

    Hi there, I tested your package on mobile, and everything worked fine. But there was some issue with the icon and diamond shape on the web version . Please check the below screenshot :

    issue

    I added some changes on the source code. Result :

    result1 result2
    opened by mahmoud-eslami 3
Owner
Hosain Mohamed
Mobile app developer
Hosain Mohamed
GitHub
A Flutter package which implements a ConvexAppBar to show a convex tab in the bottom bar. Theming supported.

English | 简体中文 The official BottomAppBar can only display a notch FAB with an app bar, and sometimes we need a convex FAB. BottomAppBar and NotchShape

Thinking in code 647 Dec 28, 2022
Flutter bottom nav bar plugin

bottom_nav_bar An easy-to-use and clean bottom navigation bar. Preview 1 Preview 2 Preview 3 --------- Available Customization options BottomNavBar ic

Sujan Gainju 0 May 26, 2022
Bottom Sheet Expandable Bar for Flutter

Bottom Sheet Expandable Bar This package create a bottom navigation bar with the capability to show a bottom sheet. Instalation Include bottom_sheet_e

Aarón J. Montes 8 Oct 31, 2022
A beautiful navigation bar to use in flutter

Beauty Navigation A beautiful navigation bar to use in flutter Inspired from the #dribbble shot by Mauricio Bucardo @m.bucardo Usage Add the Package i

Poojan Pandya 21 Oct 26, 2021
A library of Flutter to add a new style in the navigation bar.

Navigation Dot Bar Una libreria de Flutter, el cual agrega un BottomNavigationBar con un mejor estilo. Inspirada en la aplicacion "Reflectly" Como usa

null 38 Oct 17, 2022
Custom Gesture Detector for Flutter. Empower your users with custom gestures.

Gestures Custom Gesture Detector for Flutter. Empower your users with custom gestures. How to use In your pubspec.yaml: dependencies: gestures: ^1.0

André Baltazar 11 Nov 4, 2022
A simple and beautiful animated app bar created with Flutter.

Animated App Bar Flutter application showcasing the creation of an animated app bar. End Result Relevant YouTube Video https://youtu.be/SkkmoT_DZUA Ge

Vihar 23 Jan 15, 2022
Connectionstatusbar - Flutter connection status bar, widget that animates when internet connection changes

connection_status_bar A widget that animates when internet connection changes Getting Started add it to your dependencies then use it anywhere on your

Amir Ghezelbash 112 Nov 23, 2022
Managing flutter navigation with riverpod.

Navigation for Riverpod Managing Flutter navigation with riverpod. Usage Bootstrap Replace your root ProviderScope with a RiverpodNavigation widget wi

Aloïs Deniel 28 Sep 5, 2022
Navigation Screens Project

screens A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

Abdullahi Tahlil 1 Nov 6, 2021