Flutter Material Design Using Scaffold

Flutter: Material Design Using Scaffold (AppBar, Body, Bottom Navigation, Floating Action & Persistent Footer)

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.

Material design is all about creating a ubiquitous and intuitive user experience. Please have a look at https://material.io/design/ for detailed guidelines and principles.

Using Scaffold Widget for Material Design

In flutter, Scaffold implements the basic material design visual layout structure.

The Scaffold is good enough to create a general purpose mobile application and contains almost everything you need to create a functional and responsive app. In this post, I’ll talk about the following constructor parameters of the widget Scaffold.

1. AppBar & Body
2. Floating Action Button
3. Bottom Navigation Bar
4. Persistent Footer Buttons