Chapter 2 - Flutter & Dart Basics (Part 4)
Chapter 2 - Flutter & Dart Basics (Part 4)
Dart Fundamentals
(Part 4 – Basic UI)
6002CEM
Mobile App Development
Flutter
Flutter & Dart Learning Steps
Install Android Studio with Flutter to prepare for
building apps.
Row, Column These flex widgets let you create flexible layouts in
both the horizontal (Row) and vertical (Column)
directions.
TextField A TextField widget consist of a rectangular box with a cursor indicating the
current position of the text input. TextField widgets can often be
customized with various options such as placeholder text (i.e., text that
appears in the widget before the user starts typing), input validation, and
autocomplete.
Basic Widgets
Widget Description
Container The Container widget lets you create a rectangular visual
element. A container can be decorated with a
BoxDecoration, such as a background, a border, or a
shadow. A Container can also have margins, padding, and
constraints applied to its size. In addition, a Container can
be transformed in three-dimensional space using a
matrix.
The runApp() function takes the given Widget and makes it the root of the widget tree. In this example,
the widget tree consists of two widgets, the Center widget and its child, the Text widget. The
framework forces the root widget to cover the screen, which means the text "Hello, world" ends up
centered on screen. The text direction needs to be specified in this instance; when the MaterialApp
widget is used, this is taken care of for you, as demonstrated later.