06 Widget Widgets and Much more .pptx

Flutter Widgets

1. Mobile Application Development W idget

2. Widget Last Lecture we studied Main Function And in Main Fun We saw runApp . within the main function runApp is called which takes in a widget. And makes it a root in a widget Tree.

3. Widget is the building block of the user interface components in an app Using widgets one can create their own user interface effortlessly Whatever the user views on a screen of a flutter app is basically a widget

4. An app which is built in flutter all the things that you see e.g in this particular screen you see that we have an app bar and we have some text and we have a list this list has some texts

5. inside this we have AppBar widget, a Container widget and the container widget contains a Column widget as its child widget and a column widget contains two text field widgets and a RaisedButton widget

6. imagine the flutter app as a tree like structure of widgets like you can see on the screen here so we have the scaffold widget at the root 02:11 - 10

7. These widgets are contained inside the list we call them child widgets Infact the entire page here that you see is a widget and we call it a scaffold. B ut it also contains business or programming logic A simple button widget will not only contain the visuals of the button but also the logic to handle a tap or a press event

8. MaterialApp is a special type of widget which is used to wrap your entire app The MaterialApp wraps around your entire app we can use themes, navigator and home Which is named argument which will finally called the scaffold widget so a MaterialApp is a special type of widget which is used to wrap your entire app 04:01 07:21 - 10

9. What is Scaffold ? A   Scaffold Widget  provides a framework which implements the basic material design visual layout structure of the flutter app. It provides APIs for showing drawers, snack bars and bottom sheets. Have a look at its constructor and the properties it has.

10. What is Scaffold ? Implements the basic material design visual layout structure. This class provides APIs for showing drawers and bottom sheets . Home Work Reading : https:// api.flutter.dev/flutter/material/Scaffold-class.html