App Widgets
Start App
Change the Flower
Add Blur
Source Code
15. Basic Material Widgets
Introduction
Text
Example — ‘text’
Image
Introduction
Icon
Introduction
Example - ‘icon’
Further Reading
Buttons
Intre ‘ion
Enabling
Example — ‘buttons’
16. Multi-Child Layout Widgets
Introduction
Multi-Child Layout Widgets
Column
Spacing Out Children Using MainAxisAlignment
E ing Chi Using E. Wi
Row
Spacing Out Children Using MainAxisAlignment
Expanding Children Using Expanded Widget
Flex
Example — ‘flex’
ListViExample - ‘horizontal_list’
ListTile
Stack
Example — ‘stack _please_wait’
17. Single-Child L Wid
Introduction
Padding
Example — ‘padding’
Container
Example — ‘container’
Further Reading
Card
Example — ‘cards’
Expanded
Example — ‘expanded’
Flexible
Example — ‘flexible’
Center
GestureDetector
Example — ‘gesture_app’
Positioned
Example — ‘positioned’
SafeArea
Example: Safe Area
Example: Safe Area with Minimum Padding Set
SingleChildScrollView
Constructor Arguments Include:
Exercise — ‘single child_scroll_view’
18. App Scaffolding Widgets
Introduction
MaterialAppNavigator
Themes
Locales
D ‘in| nstr Arguments
Scaffold
AppBar
Body
BottomNavigationBar
Drawer
BottomSheet
PersistentFooterButtons
Exercise - ‘scaffold’
Step 1 — Create Default Flutter App
Step 2 — Replace Application Code
Step 3— Open Emulator & Run
Intro ion
heckbox
Dialog
AlertDialog
SimpleDialog
Custom Dialog Widget
DropdownButton & DropdownMenultem
ExpansionPanelList
ExpansionPanel
Example — ‘expansion_panel’
GridView
Builder
GridTile
GridTileBar
Example — ‘gridview_app’Further Reading
PopupMenuButton
Example — ‘popup_menu_button”
Radio
SnackBar
Example — ‘snack_bar’
Spacer
Exercise — ‘spacer’
Switch
r, Tabs an Vic i
Instructions:
Exercise ~ ‘tabs_simple’
Step 1 — Create Default Flutter App
Step 2 — Replace Application Code
Step 3— Open Emulator & Run
4— Move Tal Bottom
Step 5 — Change Tab Styles
Table
Introduction
Column Width Specifiers
20. Builders
Introduction
What is a Builder?
How Do You Use a Builder?
Nested Builders
Common Builders
AnimatedBuilder
GridView Builder
FutureBuilder
ListView Builder;
OrientationBuilder
PageRoutebuilderStreamBuilder
StreamBuilder
Example — ‘nested_builders’
Source Code
Introduction
Navigator Class
Stack of Routes
Navigation without Named Routes with Parameters
Navigating Forward
Navigating Backwards
Data
Example — ‘routes_simple’
Navigation with Named Routes - Part One
Define Routes
s_named’
Navigation with Named Routes - Part Two
Attach Route Handler to MaterialApp
Define Route Handler
Navigating Forward
Example — ‘routes_named_with_parms’
PageView
Introduction
Child Widgets
Controller
Example — ‘page_view_navigation’
22. Forms
Introduction
Form
FormForm Validation
Form / Field Integration
Form Fields
Checkbox
DropdownButton
Radio
TextFormField, TextField
InputDecorator
Example — ‘form_details’
Dependencies
Source Code
Other Information
Input Decoration Themes
Enabling / Disabling Form Buttons
23. HTTP, APIs, REST & JSON
Introduction
Asynchronous Communication
HTTP
Introduction
Tools
Request
Response
Methods
URI
Status
Header
T APIs shoul state]
How REST Uses URLs
How REST Uses HTTP MethodAccessing Data with a REST API
Inserting Data with a REST API
Updating Data with a REST API
JSON
JSON For Passing an Object Containing Data.
JSON For Passing an Array
JSON For Passing an Array of Objects
24. Flutter with HTTP, APIs, REST & JSON
Introduction
Flutter & JSON
Introduction
Serializing & Deserializing JSON.
Gi eta raSeriel in nerea Dene inl
Flutter & HTTP
Dummy API
Error Handling
Example ‘http_employees’
Source Code
Other Information
Alice
HAL/HATEOS
25, State
Introduction
State & Events
Storing State
Kinds of State
How to Determine Where to Store State
Ri ndin; Even
Intre ‘ionEvents Can Affect State
State & Events — Problems
State & Events — Different Approaches
Mixing Approaches
How I Decide Where to Put State
State & Events - Commonly-Used Approaches
Stateful Widget Approach
InheritedWidget Approach
Scoped Model Approach
BLoC w/Streams Approach
26. State & Stateful Widget Approach
Introduction
Approach
Exercise ~ ‘state_and_stateful_widget’
Introduction
Step 1 — Create Default Flutter App
Step 2 — Replace Application Code
Step 3— Open Emulator & Run
Summary
Step 4~ Add Car Selection
Further Reading
27. State & InheritedWidget Approach
Introduction
Approach
Exercise — ‘state_and_inherited_widget_add’
Step 2 — Replace Application Code
Step 3 — Open Emulator & Run
Summary
Exercise — ‘state_and_inherited_widget’
Step 1— Create Default Flutter App
2 —Repl: Application CStep 3 — Open Emulator & Run
Summary
Conclusion
Further Reading
28. State & ScopedModel Approach
Introduction
Approach
Package
Package Readme
Multiple Models
Exercise — ‘state_and_scoped_model’
Step 1 — Create Default Flutter App
Step 2 — Replace Application Code
Step 3 — Open Emulator & Run
Summary
Conclusion
29. State & BLoC. treams Approach
Introduction
BLoC P. m
Reactive Programming
RxDart
StreamBuilder
Exercise — ‘state_and_block_with_streams”
Step 1 — Create Default Flutter App
Step 2 — Add the RxDart Dependency
Step 4— Open Emulator & Run
Summary
Conclusion
Further Reading
30. Local PersistenceIntroduction
Your Options
SQLite Database
Intre tion
Step 2 — Define the Data Model
Step 3 — Open the Database
Retrieve Rows from Database
Executing SQL
In into D.
Update Row in Database
Delete Row in Database
Example — ‘sqlite_vocabulary’”
Further Reading
Local Files
Intre ‘ion
Platform
Path Provider Package
Application Documents Directory
Directories
Files
Directory & File Methods
Example ‘persistence_files’
Shared Preferences
Introduction
Methods
Further Reading
31. Mixins
Introduction
Mixins & Code GeneratorsExample — ‘mixins’
Source Code
32. Debugging & Performance Profiling
Introduction
D ‘in
Programmatical Options
Add Debugger Statements
Add Print & DebugPrint Statements
Add Assertions
Service Extensions
Introduction
Performance Overlay
Show Paint Baselines (debugPaintSizeEnabled)
Show Material Grid
Turn Si Extel ns On/Off from Android Studio
Turn Service Extensions On/Off from Visual Studio Cod
Turn Service Extensions On/Off from Command Lin
Turn Service Extensions On/Off Programmatically
Dart Observatory
Introduction
Part of the Dart SDK
Starting the Observatory
Timeli
Profile Mode
Further Reading
Android Studio
Visual Studio Code
Command-Line
Further Reading
33. Change Detection, Keys & Rendering
Intre tion