Scribd
Upload
70 views18 pages

Flutter 01

This document provides an introduction to the Flutter mobile app development framework. It discusses what Flutter is, its key features like using Dart and building high-performance apps that run on both Android and iOS. It also covers widgets, the building blocks of Flutter apps, and how everything in Flutter is a widget. The document then reviews advantages like writing code once and deploying to multiple platforms, as well as disadvantages like needing to learn a new language, Dart. It concludes with basic steps for installing Flutter on Windows.

Uploaded by

rameshraoufi1
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
70 views18 pages

Flutter 01

This document provides an introduction to the Flutter mobile app development framework. It discusses what Flutter is, its key features like using Dart and building high-performance apps that run on both Android and iOS. It also covers widgets, the building blocks of Flutter apps, and how everything in Flutter is a widget. The document then reviews advantages like writing code once and deploying to multiple platforms, as well as disadvantages like needing to learn a new language, Dart. It concludes with basic steps for installing Flutter on Windows.

Uploaded by

rameshraoufi1
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 18

Ministry of Higher Education

Herat University
Computer Science Faculty

Mobile Application Development


Introductions to Flutter
Lecture 01

Lecturer: Sayed Ramin Sadat


raminsadat205@gmail.com

1
WHAT IS FLUTTER
• Flutter is an open source framework to create high quality,
high performance mobile applications across mobile operating
systems - Android and iOS.
• It provides a simple, powerful, efficient and easy to
understand SDK to write mobile application in Google’s own
language, Dart.
• Flutter – a simple and high performance framework based on
Dart language, provides high performance by rendering the UI
directly in the operating system’s canvas rather than through
native framework.

2
WIDGETS IN FLUTTER
•Flutter use widgets (UI) to create a modern application.

•The core concept of the Flutter framework is In Flutter,


Everything is a widget.

•Flutter widgets also supports animations and gestures.

3
WIDGETS IN FLUTTER

• In Flutter, the application is itself a widget. The application is


the top- level widget and its UI is build using one or more
children (widgets), which again build using its children widgets.

4
WIDGETS IN FLUTTER

5
FEATURES OF FLUTTER
Flutter framework offers the following features to developers:
• Uses Dart programming language and it is very easy to learn.
• Fast development
• Beautiful and fluid user interfaces.
• Runs same UI for multiple platforms.
• High performance application.
• Huge widget catalog

6
ADVANTAGES OF FLUTTER
• Dart has a large repository of software packages
• Write once, test once, deploy everywhere.
• Code maintenance
• Developers need to write just a single code base for both
applications (both Android and iOS platforms).
• With Flutter, developers has full control over the widgets and
its layout.
• Flutter offers great developer tools, with amazing hot reload.

7
DISADVANTAGES OF FLUTTER
• Since it is coded in Dart language, a developer needs to learn
new language (though it is easy to learn).

• Flutter is yet another framework to create mobile application.

• Developers are having a hard time in choosing the right


development tools in hugely populated segment.

8
LET’S INSTALL FLUTTER

9
SYSTEM REQUIREMENTS
To install and run Flutter, your development environment
must meet these minimum requirements:
Operating Systems: Windows 10 or later (64-bit), x86-64
based.
Disk Space: 1.64 GB (does not include disk space for
IDE/tools).

10
FLUTTER INSTALLATIONS IN WINDOWS
Step 1 − Go to URL, https://flutter.dev/docs/get-
started/install/windows and download the latest Flutter file
is flutter_windows_v1.2.1-stable.zip.
Step 2 − Unzip the zip archive in a folder, say C:\flutter\
Step 3 − Update the system path to include flutter bin
directory.

11
FLUTTER INSTALLATIONS IN WINDOWS
Step 4 − Flutter provides a tool, flutter doctor to check
that all the requirement of flutter development is met.
Step 5 − Running command in cmd (flutter doctor) will
analyze the system and show its report as shown below:

12
INVENTION DESIGN PROCESS
• The report says that all development tools are available
but the device is not connected. We can fix this by
connecting an android device through USB or starting an
android emulator.

13
…

14
FLUTTER INSTALLATIONS IN WINDOWS
Step 6 − Install the latest Android SDK, if reported by
flutter doctor

Step 7 − Install the latest Android Studio, if reported by


flutter doctor

Step 8 − Start an android emulator or connect a real


android device to the system.

15
FLUTTER INSTALLATIONS IN WINDOWS
Step 9 − Install Flutter and Dart plugin for Android Studio.
It provides startup template to create new Flutter
application, an option to run and debug Flutter
application in the Android studio itself, etc

16
FLUTTER INSTALLATIONS IN WINDOWS
• Open Android Studio.
• Click File → Settings → Plugins.
• Select the Flutter plugin and click Install.
• Click Yes when prompted to install the Dart plugin.
• Restart Android studio

17
Q & A SECTION

18

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy