Home

Welcome to the fluttertutorial wiki!

Introduction to Flutter and Dart Programming Language

Introduction

Importance of Flutter

Introduction to Dart

Writing Dart Code

DartPad

Installing Dart SDK

IntelliJ IDEA

Writing Dart Program

Dart Programming - Syntax

Introduction

main() function

Dart Variables

Dart Data Types

Input of Information to Dart Program

Writing Comments

Dart Conditional Operators

If Statement

If-Else Statement

If-Else and Else-If Statment

If-Else and Logical Operators

For Loops

While Loops

Do-While Loops

Break Statement

Switch Case Statement

Dart Functions & Object-Oriented Programming (OOP)

Functions

Function Structure

Creating a Function

Function Return Data Types

Void Function

Function Returning Expression

Function and Variable Scope

Object-Oriented Programming (OOP)

Object

Class

Creating a Class

Adding Methods to Classes

Providing Constructors for Your Classes

Class - Getters and Setters

Class Inheritance

Abstract Class

Dart Project Structure and Dart Libraries

Introduction to Flutter

Understanding Flutter

Flutter Framework

Flutter SDK

IDE for Flutter - IntelliJ IDEA

Installing and Configuring Flutter SDK

Setup Emulator - Android and iOS

Creating a New Flutter Project

Run Flutter App on Emulator

Run Flutter App on Device

Emulator Debug Mode

Introduction to Flutter Widgets

What is a MaterialApp Widget?

Flutter Widgets Fundamentals

Scaffold Widget

Image Widget

Container Widget

Column and Row Widgets

Icon Widget

Layouts in Flutter

Card Widget

App Icons for iOS and Android Apps

Hot Reload and Hot Restart

Stateful and Stateless Widgets

Use a Custom Font

Navigation and Routing

Button Widget

* FloatingActionButton

* RaisedButton, FlatButton, IconButton

* DropdownButton

* OutlineButton

* ButtonBar

* PopupMenuButton

App Structure and Navigation

Navigate to a New Screen and Back

Navigate with Named Routes

Send and Return Data Among Screens

Animate a Widget Across Screens

WebView Widget in Flutter

Visual, Behavioural, and Motion-Rich Widgets Implementing Material Design Guidelines - Part 1

Introduction

BottomNavigationBar Widget

DefaultTabController, TabBar, and TabBarView Widgets

ListTile Widget

ListView Widget

Drawer Layout

DataTable Widget

SelectableText Widget

Stack Widget

Lab A: Create a Flutter App using BottomNavigatorBar Navigation Techniques

Lab B: Using DataTable Sorting Built-in function

Visual, Behavioural, and Motion-Rich Widgets Implementing Material Design Guidelines - Part 2

Input and Selections

Text Field Widget

CheckboxGroup and RadioButtonGroup Widgets

Date Picker

Time Picker

Slider Widget

Switch Widget

Dialogs, Alerts, and Panels

Alert Dialog Widget

Cupertino Alert Dialog Widget

Bottom Sheet

* Modal Bottom Sheet

* Persistent Bottom Sheet

Expansion Panel Widget

Snack Bar Widget

Firebase

Introduction

What is the JSON?

How does Firebase Database work?

Firebase authentication (Signup and Login to Flutter App)

Configure Your App to use Firebase Services

Adding Firebase to your Android App

Adding Firebase to your iOS App

Configure Firebase Authentication

Login to an App Using Firebase User Accounts

Logout Configuration

Firebase Database

Which database is right for your project?

Real Time Database

Cloud Firestore

Location-Aware Apps: Using GPS and Google Maps

Introduction

What is GPS and how does it work?

The Camera Position

Adding Google Maps to a Flutter app

Getting a Google API key

Adding Google Maps Flutter plug-in as a dependency

Adding your API key for your Android app

Adding your API key for your iOS app

Adding a Google Map on Your Flutter App Screen

Adding a Google Map Marker

Google Map Types

Moving the Camera (Camera Animation)

Capturing an App User's Location for iOS and Android Apps

Location-Aware Apps Using GPS and Google Maps

Getting a Google API key

Creating an App Interface

Configuring your App to Use Your API key

Adding a Google Map on your Flutter App Screen

Adding a Google Map Marker

Capturing User's Location

Configuring User App's Permission

App Testing & Publishing

Testing and Feedback for Your App

Setting up a Test Environment

Usability Testing by Participants

Starting your Test Session

Analysing your Test

Publishing Flutter Apps

Publishing Android App on Google Play Store

Publishing iOS App on Apple Store