Flutter: Creating Tabs in Scaffold AppBar

Member-only story

Flutter: Creating Tabs in AppBar and associating it with Stateless and Stateful Widgets

Daksh Gupta
ProAndroidDev
Published in
6 min readJan 20, 2019

Flutter is a mobile App SDK by Google which helps in creating modern mobile apps for iOS and Android using a single(almost) code base.

Unlike other frameworks like React Native, it neither uses JavaScript as a Programming Language nor it needs an interpreter bridge to convert JavaScript code into native code, instead, it compiles directly into Arm binaries and runs on the native platform.

When one opens a Mobile Application, it’s the AppBar which gets the user first attention and it’s not surprising that app developers would like to provide the most important functionalities of their app within this area.

In Flutter, we can achieve the same by using the AppBar of Scaffold

As we know that in Flutter, we can create Material Design using Scaffold which provides AppBar . The AppBar also provides a bottom area which can be used to create TabBar in the AppBar.

The TabBar can contain one or more tabs. Here is how an AppBar containing a TabBar with tabs look like

AppBar with TabBar and Tabs

Create an account to read the full story.

The author made this story available to Medium members only.
If you’re new to Medium, create a new account to read this story on us.

Or, continue in mobile web

Already have an account? Sign in

Published in ProAndroidDev

The latest posts from Android Professionals and Google Developer Experts.

Written by Daksh Gupta

🔹Software Product Development Catalyst 🔹 Tech Speaker & Content Creator 🔹 Bio @ https://CodeSportsAi.Tech

Responses (4)

What are your thoughts?