Introduction to Flutter

Mobile application possibilities and opportunities

 Mobile development is an ever-growing field with so many possibilities and
opportunities. The majority of programmers tend to become mobile
developers as a result of a wide range of opportunities and languages.
 Android
 Android is a software package and Linux based operating system for mobile devices such
as tablet computers and smartphones.
 It is developed by Google and later the OHA (Open Handset Alliance). Java language is
mainly used to write the android code even though other languages can be used.
 Initially, Andy Rubin founded Android Incorporation in Palo Alto, California, United States in
October 2003.
 On 17th August 2005, Google acquired android Incorporation. Since then, it is in the
subsidiary of Google Incorporation.
 Originally intended for camera but shifted to smart phones later because of low market for
camera only.
 Android is the nick name of Andy Rubin given by coworkers because of his love to robots.
 In 2007, Google announces the development of android OS.
 In 2008, HTC launched the first android mobile
Features of Android

5) It provides
support for
4) It provides messaging
many services(SMS
3) There are a interesting and MMS), web
1)It is 2) Anyone can lot of mobile features like browser,
open- customize applications weather details, storage
the Android that can be opening screen, (SQLite),
source. Platform. chosen by the live RSS (Really connectivity
consumer. Simple (GSM, CDMA,
Syndication) Blue Tooth, Wi-Fi
feeds etc. etc.), media,
handset layout
etc.
 Open Handset Alliance
 What is Open Handset Alliance (OHA)?
 It's a consortium of 84 companies such as google, Samsung, AKM, synaptic,
KDDI, Garmin, Teleca, EBay, Intel etc.

 It was established on 5th November 2007, led by Google. It is committed to

advance open standards, provide services and deploy handsets using the
Android Platform.
 Android Emulator
 The Android emulator is an Android Virtual Device (AVD), which represents a specific
Android device.
 We can use the Android emulator as a target device to execute and test our Android
application on our PC.
 The Android emulator provides almost all the functionality of a real device.
 We can get the incoming phone calls and text messages. It also gives the location of the
device and simulates different network speeds.
 Android emulator simulates rotation and other hardware sensors. It accesses the Google
Play store, and much more
 Testing Android applications on emulator are sometimes faster and easier than doing on a
real device. For example, we can transfer data faster to the emulator than to a real device
connected through USB.
 The Android emulator comes with predefined configurations for several Android phones,
Wear OS, tablet, Android TV devices
 JAVA
 Java is an object-oriented programming language that supports mobile
development for almost 10 years now. Since the appearance of Flutter and
React Native, Java had a monopoly on Android app development. However,
Google now appears to be moving towards Kotlin. Even in this case, Java
Android API is stable and well documented.
 Cross-platform development

 Designing apps for both Android and IOS with a single code base is an
extremely important feature for developers.
 This may be the biggest difference between Java and Flutter.
 Java only supports Android development whereas Flutter needs a single
code base for both Android and IOS.
 Development speed

 Developing apps with Flutter can bring you more results in less time than in
Java.
 Not only because Flutter is cross-platform but is also widget-based, having a
lot of UI components already pre-build.
 Resources and documentation
 Because Flutter is around mobile development for around 3 years, the
documentation and resources available on the internet cannot be compared
with Java.
 As a result, if you have a problem or an unusual bug in your program it is
more likely to find some relevant information on the internet when
programming in Java than Flutter.
 Conclusion
 In the end, if you think about developing a mobile application, it is best to
choose what suits you best.
 Flutter offers cross-platform support and faster development time whereas
Java is the safe option for its strong documentation and experience.
 There are many ways to develop an app, but what’s most important is to
bring something good with the help of these technologies, no matter what
you choose
 Flutter

 Flutter is a cross-platform framework developed by Google. With Flutter, you

can build native mobile applications for Android and IOS, using Dart
language.
 Being released in 2017, it may seem a little bit new but right now, Flutter is
a strong competitor for his older brother React Native.
 It is predicted that in time, Flutter is going to be used in the majority of
apps.
 Apart from mobile development, Flutter can also be used for web and
desktop applications.
 What is Flutter?

 Flutter is a free and open-source mobile UI framework created by Google

and released in May 2017. In a few words, it allows you to create a native
mobile application with only one codebase.
 This means that you can use one programming language and one codebase
to create two different apps (for iOS and Android)
 Flutter uses widgets to create the user interface (UI), and Dart is the
language used to develop the applications. Once you understand how
Flutter handles and implements widgets, it will help you in architecting your
apps.
 A tool that allow you to build native cross-platform(android,ios) apps with
one programming language and code base.
 Flutter
 Flutter is framework created by google.
 A cross-platform framework used to develop application for
• Android

• iOS

• Web

• and Desktop
 Dart Programming language
 Why Flutter for App Development
1. Open Source 2. Faster development Cycle 3. Super Productive

Flutter is Open-Source Flutter is so fast that it takes Comes with Hot-Reload &
framework less then 30 sec for first full Hot-Restart.
Therefore, anyone can use it compilation.
for any given purpose. Due to Stateful widget hot-
Comes with Hot-Reload & reload feature Flutter is very
Hot-Restart. fast iterative coding style.
 Why Flutter for App Development
4. Ease to learn & code sharing 5. Widget Libraries 6. Community Support

Any one who have basic Ready to use widget, Flutter Flutter Community is bit
knowledge of OOPS & UI have many widget that you small if we compare with
Designing can easily learn can use to build flutter other framework like React.
Flutter. application.
But Flutter is grow very fast
Such as : http, get, share then other framework.
plus, toggle switch etc.
 Apps that are build using Flutter
Stadia
Dream 11 eBay Google Pay
gaming platform.
 Feature of Flutter
 Cross Platform App Development.
 Easy access to Native Features.
 Minimal Coding.
 Fast Development
 Hot Reload & Hot Restart
THANK YOU
 Widgets
 The core concept of the Flutter framework is In Flutter, Everything is a
widget.
 Widgets are basically user interface components used to create the user
interface of the application.
 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.
 This composability feature helps us to create a user interface of any
complexity. For example, the widget hierarchy of the hello world application
(created in previous chapter) is as specified in the following diagram:
 MyApp is the user created widget and it is build using the Flutter native
widget, MaterialApp.
 MaterialApp has a home property to specify the user interface of the home
page, which is again a user created widget, MyHomePage.
 MyHomePage is build using another flutter native widget, Scaffold.
 Scaffold has two properties – body and appBar.
 body is used to specify its main user interface and appBar is used to
specify its header user interface.
 Header UI is build using flutter native widget, AppBar and Body UI is build
using Center widget.
 The Center widget has a property, Child, which refers the actual content,
and it is build using Text widget.
 Flutter Container
 The container in Flutter is a parent widget that can contain
multiple child widgets and manage them efficiently through
width, height, padding, background color, etc.
 It is a widget that combines common painting, positioning, and
sizing of the child widgets.
 It is also a class to store one or more widgets and position them
on the screen according to our needs. Generally, it is similar to a
box for storing contents.
 It allows many attributes to the user for decorating its child
widgets, such as using margin, which separates the container
with other contents..
 A container widget is same as <div> tag in
html. If this widget does not contain any child
widget, it will fill the whole area on the screen
automatically. Otherwise, it will wrap the child
widget according to the specified height &
width.
 It is to note that this widget cannot render
directly without any parent widget. We can use
Scaffold widget, Center widget, Padding widget,
Row widget, or Column widget as its parent
widget.
 Why we need a container widget in Flutter?

 If we have a widget that needs some background styling may

be a color, shape, or size constraints, we may try to wrap it in
a container widget. This widget helps us to compose,
decorate, and position its child widgets. If we wrap our widgets
in a container, then without using any parameters, we would
not notice any difference in its appearance. But if we add any
properties such as color, margin, padding, etc. in a container,
we can style our widgets on the screen according to our needs.
A basic container has a margin, border, and padding properties
surrounding its child widget, as shown in the below image:
 Safe Area
 Safe Area is an important and useful widget in Flutter which makes
UI dynamic and adaptive to a wide variety of devices. While
designing the layout of widgets, we consider different types of
devices and their pre-occupied constraints of screen like status bar,
notches, navigation bar, etc. But new devices are being launched
with different designs and in certain scenarios, your app might
overlay any of those pre-occupied constraints. So, in order to make
our UI adaptive and error-free, we use SafeArea widget.
 In simple words, SafeArea is basically a padding widget, which adds
any necessary padding to your app, based on the device it is running
on. If your app’s widgets are overlaying any of the system’s features
like notches, status bar, camera holes, or any other such features,
then SafeArea would add padding around the app, as required.