#AppBar - Guide to Solve different kinds of Problems

Browse the beautiful apps built using Flutter

How to Disable Drawer Hamburger Icon Button in Flutter

How to Disable Drawer Hamburger Icon Button in Flutter

In this example, we are going to show you how to disable the drawer hamburger icon button which appears on AppBar whenever you add a drawer to the scaffold in Flutter. Hamburger icon is appeared automatically after adding drawer to scaffold.

How to Change Back Button Icon in Flutter

How to Change Back Button Icon in Flutter

In this example, we are going to show you how to change the back button which appears on AppBar while you navigate to a new page in Flutter. You can also disable the back button. Here, you will learn to replace the default back button with the new icon.

How to Add Drawer Navigation in Flutter

How to Add Drawer Navigation in Flutter

In this example, we are going to show you how to add drawer menu navigation in your Flutter app. Drawer Navigation is the important component where you can list the main menu inside it to navigate to different pages of app.

How to Change Drawer Icon in Flutter

How to Change Drawer Icon in Flutter

In this example, we are going to show you how to change the drawer menu hamburger icon in Flutter. You will also learn to change the icon size and color. After changing the icon, we will implement drawer open and close functionality on icon button.

How to Change AppBar Background Color in Flutter

How to Change AppBar Background Color in Flutter

In this example, we are going to show you how to set AppBar color in Flutter. You will learn different ways to set AppBar color such as by changing the default color of the App, directly changing the AppBar color. You will also learn to make it transparent.

How to set Transparent Background Color in Flutter

How to set Transparent Background Color in Flutter

In this example, we are going to show you how to add semi-transparent background color on AppBar, Container, and to any other widget in the Flutter app. See the example, and learn different methods to add a background color with opacity.

How to Add ʺ⋮ʺ Popup Menu on Flutter AppBar

How to Add ʺ⋮ʺ Popup Menu on Flutter AppBar

In this example, we are going to show you how to add a 3 dot popup or dropdown menu on AppBar of Flutter App. We have added PopupMenuButton to add a popup menu on AppBar.

How to Set Height of AppBar on Flutter

How to Set Height of AppBar on Flutter

In this example, we are going to show you the easiest way to set the height of AppBar on Flutter app. We will use PreferredSize() widget to set the Height of AppBar.

How to Make Reusable App Bar and Drawer in Flutter

How to Make Reusable App Bar and Drawer in Flutter

A single app may have lots of routes or pages, but to make an App bar and Drawer for every page is very hard and not a good practice. So you should make a reusable App bar and drawer layout so that, you can manage only a single code for every page.