Flutter - Using Scaffold ( C1-P3-S2 )

Опубликовано: 21 Январь 2019
на канале: iMeshAcademy
54
2

This is chapter 1 - part 3 - session 2 from the Flutter online course.

In this session, we explain how to use the basic Material design structure - Scaffold.

By end of this session, you shall be able to create applications using Scaffold, provide implementations to the basic configurations and handle callback functions.

In this chapter, we will explain how to create a simple UI in less than 15 minutes, using the basic building blocks of scaffold.

We started by creating the sample application in the previous session.
Please check the previous session from the link below to start from beginning.

In this session, we provided implementation for BottomNavigationBar and FloatingActionButton. We also added functionality to the onPressed callback functions for all the buttons.

We used the following widgets to construct a simple UI.

Scaffold, Center, SafeArea, IconButton, BottomNavigationBar, FloatingActionButton and Row, and also learned how to apply alignment techniques using main axis and cross axis alignment mechanism.


Session 1 -    • Flutter -  Using Scaffold ( C1-P3-S1 )  

Need help in installing flutter in Windows, checkout our complete guide -    • Setting up flutter in windows for And...  

Introduction to Flutter course -    • Flutter- Introduction to the online c...  

A detailed explanation on Flutter framework -    • Flutter - C1:P1 - Understanding flutt...  

Learn Scaffold in 5 minutes -    • Flutter- C1:P2 - Introduction to Scaf...  


Code for this chapter is available under https://github.com/iMeshAcademy/flu-tur

Refer material.io for more details