Scribd
Upload
27 views30 pages

Chapter 1-1

Uploaded by

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

Chapter 1-1

Uploaded by

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

Chapter 1

Introduction to flutter
Topics
• Mobile Operating System
• Introduction
• Native development (iOS and Android)
• Cross-Platform Solutions
• Why to Use Flutter for Building Cross-Platform Apps?
• Installing Flutter SDK
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
• Native mobile apps are apps that are written in a language
that’s natively supported by the device OS vendor. The
underlying platform APIs are available 100% to the app code and
the OS provides the UI component library. The build process
converts this code into an executable app with native bytecode
of the OS.
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
Native cross platform
Native apps Vs Hybrid Apps Vs Cross-
Platform
Dart programming language
Dart is an object-oriented programming language
developed by Google. It is an open-source, scalable
programming language, with robust libraries and
runtimes, for building web, server, and mobile apps.
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
Dart SDK version
• August 6, 2024: 3.5 release
• September 8, 2021: 2.14 release
• May 19, 2021: 2.13 release
• Published some other new pages : Null safety codelab
teaches you about Dart’s null-safe type system, which
was introduced in Dart 2.12.
• March 3, 2021: 2.12 release
• October 1, 2020: 2.10 release
Flutter
Flutter is an open-source user interface software development kit (app SDK ) created
by Google. It is for building high-performance, high-fidelity apps for iOS, Android, and
web from a single codebase.
The purpose of this course is to enable developers create high-performance and
attractive apps that feel natural on iOS & Android devices.
Flutter, is used by companies around the world including Alibaba, Capital One, and
Groupon for apps that touch hundreds of millions of users.
Flutter
• Beautiful UI (User Experiences)Flutter enables designers to
deliver their full creative vision without being forced to water it
down due to limitations of the underlying framework
• Fast Results Flutter uses an open source 2D graphics library called
Skia , which has been built to support glitch-free, jank-free graphics
at the native speed of your device
• Productive Development Flutter offers stateful hot reload,
allowing you to make changes to your code and see the results
instantly without restarting your app or losing its state
• Extensible and Open Model Flutter works with many
development tools, which are compatible with Flutter plug-ins
(Flutter SDK) such as Visual Studio Code, IntelliJ, and Android Studio.
Why to Use Flutter for Building
Cross-Platform Apps?
• Flutter apps are budget-friendly
• Native-like performance
• Access to Native Feature
• Development goes faster
• No markup language (only Dart)
• Hot Reload feature
mobile development services
• Still, the number of Flutter developers is growing fast. It’s the most trendy cross-
platform framework, according to Stack Overflow.
Flutter Architecture
Popular Flutter IDEs
Installing Flutter SDK

https://flutter.dev/docs/get-started/install
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
Activities
1.install your own computer in flutter applications
End

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