Diagram the Layout
- Look for rows and
columns
- Is there a grid?
- Any overlapping
elements?
- Do we need tabs?
- Padding, alignment or
borders needed?
Slide 38
Slide 38 text
No content
Slide 39
Slide 39 text
No content
Slide 40
Slide 40 text
Widget can be
Coimbatore
● A structural element (like a Button or
Menu)
● A layout element (like a Margin or
Padding)
● A design element (like a Font or Color
scheme)
Slide 41
Slide 41 text
“Stateless Widget
vs
Stateful Widget”
Slide 42
Slide 42 text
Stateless Widget
Coimbatore
● It doesn’t know anything
● Dumb Widget
● Gets render only once or
● When the parent widget changes the
configuration
Slide 43
Slide 43 text
Stateful Widget
Coimbatore
● Dynamic widget which has its own properties
● Those property is know as state of the widget
● The state of the widget can be changed by user
input, any operation or other widget’s state
change.
● setState() method is used to change the state.
● Each time widget gets rebuild when setState()
method gets called.
Slide 44
Slide 44 text
“HOT Reload”
Slide 45
Slide 45 text
No content
Slide 46
Slide 46 text
Hot Reload is
Coimbatore
● Stateful: App state is retained after a reload.
● Injecting updated source code files into the
running Dart VM
● Quickly iterate on a screen deeply nested in
your app
Slide 47
Slide 47 text
No content
Slide 48
Slide 48 text
“How to access
OS/Device specific
feature?”
Slide 49
Slide 49 text
Using Platform
channels allows for
receiving method calls
and sending back
results
Slide 50
Slide 50 text
Hot Reload is
Coimbatore
● Stateful: App state is retained after a reload.
● Injecting updated source code files into the
running Dart VM
● Quickly iterate on a screen deeply nested in
your app
Slide 51
Slide 51 text
Flutter’s benefits
Flutter provides its own widgets
● Compiles to native Code
● No reliance on OEM widgets
● No bridge needed
● Turns layout on its head!
● Widgets are simple and fast
● Full customisation and extensibility
Slide 52
Slide 52 text
No content
Slide 53
Slide 53 text
No content
Slide 54
Slide 54 text
And That’s it
Slide 55
Slide 55 text
References
Coimbatore
● Awesome Flutter - Wm Leler
● The Magic of Flutter - Tim Messerschmidt
● Flutter.io
● Github.com/flutter