Chapter 1 Introduction Flutter

Chapter 1
Introduction to flutter
Topics
• Mobile operating system
• Types of Mobile Apps
• Flutter, Dart
• Installing Flutter SDK
• Flutter Showcase
• Set up the Android emulator and iOS simulator
Mobile Operating System
• A mobile operating system (OS) is software that allows

smartphones, tablet PCs (personal computers) and other
devices to run applications and programs
• Types of mobile operating systems
• Apple iOS
• Google Android
• Other OS
Types of Mobile Apps
Native Apps development Tools
Advantages of native apps
1. Natives are very fast.

2. Easily distributed in google & apple app stores.
3. More interactive and intuitive.
4. Easily interact with any feature of the phone.
Disadvantages of native apps
1. Built for a single platform

2. Languages like swift and java used to build these types of apps are
hard to learn.
3. Expensive to develop.
4. hard to maintain.
Hybrid Apps
 Hybrid apps are the mixtures of native and mobile web apps.
 Like native apps, they live in an app store and can take advantage of the many device
features available.
 Like web apps, they rely on HTML being rendered in a browser, with the caveat that
the browser is embedded within the app.
 These are developed using technologies like HTML, CSS, Javascript, jQuery, Mobile
Javascript frameworks, Cordova/PhoneGap etc.
 Like Native apps, Hybrid apps are also installed in the device and distributed through
the app store.
Advantages of hybrid apps
1. Easy to build
2. Much cheaper than a native app
3. Single app for all platforms.
4. No browser needed
5. Can usually access device utilities using an API
6. Faster to develop than native apps.
Disadvantages of Hybrid apps
1. Slower than native apps
2. More expensive than web apps
3. Less interactive than native apps
Examples of Hybrid Apps

Native cross platform
Native apps Vs Hybrid Apps
Flutter
This toolkit is a cross-platform technology from Google, that allows
creating application programs for mobile, desktop, and web use.
It utilizes the Dart programming language, which in turn is based on the
notorious Java. If you know Java/C#, assume you can program with
Dart.
The technology keeps up with the latest developments and is used by
developers around the world.
Most importantly, it is open-source and completely free
Flutter
Dart programming language
Dart is created by Google, and its primary purpose is to leverage C-
based languages like C++, C#, and Java. It is a general-purpose
programming language that is fast in compile time, concise and easy to
learn.
Motivated on frontend (Mobile apps web ) user interface (UI)
development
Features of Flutter
1. Hot Reload
2. Access to Native Feature
3. Minimal Code
4. Fast Development
5. Cross platform Development
What makes Flutter unique?
 Compiles to Native Code (ARM Binary code)
 No reliance on OEM widgets
 No bridge needed
 No markup language (only Dart)
Flutter
Architecture
The Popular Apps Made With Flutter
Flutter Showcase
https://flutter.dev/showcase &
https://itsallwidgets.com
Flutter Showcase
https://flutter.io/showcase &
Flutter Showcase
https://flutter.io/showcase &
Installing Flutter SDK
https://flutter.dev/docs/get-started/install
Popular Flutter IDEs
Set up the Android emulator
1. Install Android Studio
2. Enable VM acceleration on your machine
3. Launch Android Studio, click the AVD Manager icon, and

select Create Virtual Device…In older versions of Android Studio,
you should instead launch Android Studio > Tools > Android > AVD
Manager and select Create Virtual Device. (The Android submenu is
only present when inside an Android project.)
Set up the Android emulator
3.Choose a device definition and select Next.
4.Select one or more system images for the Android versions you
want to emulate, and select Next. An x86 or x86_64 image is
recommended.
5. Under Emulated Performance, select Hardware - GLES 2.0 to
enable hardware acceleration.
6.Verify the AVD configuration is correct, and select Finish.
For details on the above steps, see Managing AVDs.
7. In Android Virtual Device Manager, click Run in the toolbar. The
emulator starts up and displays the default canvas for your
selected OS version and device.
Set up the iOS simulator
Install Xcode
Set up the iOS simulator
End

Chapter 1 Introduction Flutter

Uploaded by

Copyright:

Available Formats

Chapter 1 Introduction Flutter

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Chapter 1 Introduction Flutter

Uploaded by

Copyright:

Available Formats

What are the different types of mobile apps discussed?

What are some advantages and disadvantages of native and hybrid apps?

Chapter 1

• A mobile operating system (OS) is software that allows

1. Natives are very fast.

1. Built for a single platform

Examples of Hybrid Apps

2. Enable VM acceleration on your machine

3. Launch Android Studio, click the AVD Manager icon, and

You might also like