Flutter App Example

Cross-platform example app with Flutter and Dart.

Platforms: Android, iOS, Linux, MACOS, WEB, Windows

Source course: https://app.pluralsight.com/library/courses/getting-started-flutter/table-of-contents

Notifications source: https://youtu.be/Yrq2llD2Ldw

Screens

Topics

Basic Widgets

• MaterialApp
• Scaffold
• Container
• Text
• Center

Widget tree

Navigation

• Named / Unnamed Routes
• Navigation Stack

Navigator

• push()
• pop()
• pushNamed()

Drawer & BottomNavigationBar

• ListView, ListTile,
• BottomNavigationBarltem, Icon

Stateful Widgets and State

• initState()
• build()

Null Safety

• late
• ?
• ??

Widgets

• Column,
• ToggleButtons,
• TextField,
• TextEditingController,
• SingleChildScrollView

Packages

• pubspec.yaml
• http
• get()
• Uri

async/await

JSON

Map

Model classes

Persisting data

SharedPreferences

Maps, Serialization and Deserialization

Widgets

• FloatingActionButton
• Dismissible

Notification:

• Local Notification
• Scheduled Notification
• Payload Notification (Navigator)

Links

• Install Flutter: https://docs.flutter.dev/get-started/install
• Set up Visual Studio Code: https://docs.flutter.dev/get-started/editor?tab=vscode
• Free img: https://unsplash.com/
• Flutter packages: https://pub.dev/
• Online flutter adn dart console: https://dartpad.dev/?
• Weather API: https://openweathermap.org/api

Useful Commands

• $ flutter doctor
• New Flutter Project (VSC): View > Comand Palette.. > ">Flutter: New Project"