Flutter UI Essentials — AppBar

Maneesha Erandi

5 min readJan 17

--

Photo by Nolan Issac on Unsplash

Flutter app bar is a Material Design app bar. By default, all Material widgets use Material 2. An app bar contains Toolbar and potentially other widgets, such as a TabBar and a FlexibleSpaceBar. There may be one or more common actions with IconButtons in an app bar.

With Material 3, we have both new and updated widgets in Flutter. AppBar is one of them. There are new colors, elevation, and layout with this…

Maneesha Erandi

Written by Maneesha Erandi

I write about mobile development and wildlife.

More from Maneesha Erandi

Maneesha Erandi

Flutter UI Essentials —Material 3 SearchBar

The search bar is a very common component that we use in our applications. In Flutter, we have many packages to easily implement a search…

5 min readMay 24

--

Maneesha Erandi

Handling api requests with Flutter Provider

State management is very important when we work with flutter. Flutter provider is much better way to handle state in Flutter. The provider…

3 min readSep 8, 2020

--

Maneesha Erandi

Implementing a Convex Bottom Navigation Bar in Flutter

convex_bottom_bar flutter package makes creating a convex bottom navigation bar really easy. This package also earned it’s place among…

4 min readJan 24

--

Maneesha Erandi

Change the theme of Flutter using Provider and Shared Preferences

In this article I will create a demo, to change app theme with provider and shared_preferences packages.

3 min readFeb 6

--

See all from Maneesha Erandi

Recommended from Medium

FlutterTech

A responsive design masterclass in Flutter

If you’re a developer new to Flutter, chances are you’ve struggled to get your app to look great on different devices and screen sizes…

9 min readJan 10

--

N Nikitins
in
Level Up Coding

Building Efficient Flutter Apps with the Bloc Pattern: Implementation, Advantages, and Best…

Introduction to the Bloc Pattern

7 min readMar 11

--

Lists

Staff Picks

329 stories83 saves

Stories to Help You Level-Up at Work

19 stories53 saves

Self-Improvement 101

20 stories107 saves

Productivity 101

20 stories116 saves

Max Zimmermann 💡

What is the difference between MVC and MVVM (for Flutter)?

If you ask n people about the difference between MVC (Model-View-Controller) and MVVM (Model-View-ViewModel) you get at least n^n different…

7 min readFeb 13

--

FlutterTech

5 main lessons for everyone new to Flutter

Last week, I finished my first professional Flutter project. I had the honour to build a multi-stop route optimization platform for a…

6 min readJan 17

--

Maneesha Erandi

Change the theme of Flutter using Provider and Shared Preferences

In this article I will create a demo, to change app theme with provider and shared_preferences packages.

3 min readFeb 6

--

Thanos

Can Mobile App Development Make You a Millionaire? How?

Short answer is Probably YES. Long answer is it needs time and work.

3 min readJan 24

--

See more recommendations

Help
Status
Writers
Blog
Careers
Privacy
Terms
About
Text to speech