Mobile Application Development
Widget
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.
• 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
• 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
• 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
e like structure of widgets like you can see on the screen here so we have the scaffold widg
02:11
• 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.
• But 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
• 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
MaterialApp is a special type of widget which is used to wrap your entire app
04:01
07:21
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.
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.h
tml

06 Widget Widgets and Much more .pptx

  • 1.
  • 2.
    Widget • Last Lecturewe 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.
  • 4.
    • Widget isthe 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
  • 5.
    • An appwhich 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
  • 6.
    • inside thiswe 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
  • 7.
    e like structureof widgets like you can see on the screen here so we have the scaffold widg 02:11
  • 8.
    • These widgetsare 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. • But 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
  • 10.
    • MaterialApp isa 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 MaterialApp is a special type of widget which is used to wrap your entire app 04:01 07:21
  • 11.
    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.
  • 12.
    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.h tml