WHAT IS FLUTTER?
UI FRAMEWORK Collection of tools
Code packages & CLI & software that
Utility functions for helps with developing,
writing cross-platforms testing & building
app code corss-platform apps
Flutter allows you to build multi-platform apps based on one single code
base and programming languages
One Codebase, Multiple Apps
Single Codebase
Android IOS Windows MacOs Linux Web
From Flutter code to Platform Code
Single Codebase
Flutter translates that code to
platform-specific machine code
Machine Code
Android IOS
Flutter Setup
• It’s a Framework for building user interfaces with Dart
FRAMEWORK Dart
Code packages & Utility A programming language
functions for writing cross- developed by google
platforms app code
Main usage: flutter app
development
Flutter Is Not A Programming
Language
1 Flutter SDK
Flutter SDK For managing flutter projects
Git Version control software, used internally by flutter SDK
2 Platform tools
Android Studio Used by Flutter code SDK & needed for Android app Deployment
Xcode Used by Flutter code SDK & needed for IOS app Deployment
3 Virtual Devices
Review Flutter apps on Virtual Android devices
Android
IOS Review Flutter apps on Virtual IOS devices
SYSTEM REQUIREMENTS
Requirement Minimum Recommended
x86_64 CPU Cores 4 8
Memory in GB 8 16
Display resolution in WXGA (1366 x 768) FHD (1920 x 1080)
pixels
Free disk space in GB 11.0 60.0
Installation
1. Android Studio
https://developer.android.com/studio
2. Flutter
https://storage.googleapis.com/flutter_infra_releas
e/releases/stable/windows/flutter_windows_3.24.1
-stable.zip
Optional:
GIT | Visual Studio
Android Studio
1. Download setup file from the link
2. Click .exe file from download
Android Studio
Installation wizard:
Android Studio
Installation wizard:
Android Studio
Installation wizard:
Android Studio
Installation wizard:
Android Studio
Installation wizard:
Android Studio
Installation wizard:
Flutter SDK
1. Download .zip from the file
2. Extract zip file into directory preferred directory
Tip: Use for safe directory such as c:/
Avoid spaces on the name of directory
1. Setup environment path
Flutter SDK
Setup environment path
Press window, then search for: Edit the system
environment variables
Flutter SDK
Setup environment path
In system properties window, select tab advance
and click environment variables
Flutter SDK
Setup environment path
In use variables for <PC name>, select path then
click edit:
Flutter SDK
Setup environment path
From the list add location of extracted .zip file then
include bin.
1. Click new
2. Type the path at the end row
3. Click OK
Flutter SDK
Verify Installer
Open Command line interface (CLI) or CMD
1. Press windows + r
2. Enter CMD
3. Press enter
Flutter SDK
Verify Installer
In CLI, type flutter --version
Flutter SDK
Verify Installer
In CLI, type flutter Doctor
Thank you!
Next Up: Creating new project
