Introduction to Flutter

Presented By Mentor Name

G.Navakesh Mr. B TULASI DASU
21265A3205
 Contents
 History
 Introduction
 Working Principles
 Architecture
 Advantages and Disadvantages
 Benefits of Using Flutter
 Comparison To Other Development Platforms
 Future of Flutter
 Applications
 Conclusion
 References
 History
 In recent years the challenges of efficiently developing applications for both
IOS and ANROID platforms have become more pronounced.
 In response to this, Google introduced an innovative solution known as Flutter.
 Flutter has been extensively utilized within Google for crafting essential
business applications.
 Flutter streamlines the process of constructing stunning mobile apps with in
remarkable short time frames.
 One of the key strengths lies in its exceptional level of customizaton, enabling
developers to fashion apps.
 Introduction
 Flutter is an open source cross-platform
framework created by Google.
 Flutter is a UI first framework, you tend to
build the UI first and then add logic and
functionality to it.
 Flutter apps are extremely fast and provide
near native performance.
 Dart Programming language is used to write
Flutter apps.
 Working Principles
 Flutter allows developers to write a single codebase that runs on multiple platforms
such as iOS, Android, Web and desktop.
 Flutter uses a widget-based architecture. Widgets are the building blocks of the
user interface, and can be composed to create complex UIs.
 Flutter uses the DRAT programming language, which is also developed by Google.
DRAT is known for its fast performance and is well-suited for building user
interfaces.
 The key feature about Flutter is HOT RELOAD, which allows developers to see
the immediate results of code changes without restarting the entire app. This speed
up the development and debugging process.
 Developers can create there own custom widgets to suit there design needs.
Working Principles
 Widgets

 Stateless Widgets: Stateless widgets are the most basic type of widget in Flutter.
They are used to represent UI elements that do not change their state over time.
Example an icon widget representing a fixed image would be stateless widgets.
Stateless widgets are more efficient than stateful widgets because they do not need to
keep track of any internal state.
 Widgets

 Stateful Widgets: Stateful widgets are responsible for managing their own
state and updating the UI accordingly. For example, a button that changes
its color when pressed or a counter that increments with each tap would
be stateful widgets.
Architecture
 Advantages
 Single Codebase: This reduces development time and effort compared to
maintaining separate codebases for each platform.
 Expressive UI: Flutter allows developers to create highly customized and
visually appealing UIs.
 Rich Widget Set: Flutter comes with a rich set of customizable widgets that
make it easier to create complex and expressive user interfaces.
 High Performance: Flutter offers fast and smooth animations and transitions,
and is designed to run smoothly on older devices. The framework is optimized
for performance making it an attractive choice for demanding mobile
applications.
 Disadvantages
 Limited Libraries : Flutter has a growing ecosystem of packages and plugins it
may still lack some libraries that are readily available in native development.
 Limited Access to Native APIs: Direct access to certain platform-specific APIs
may be limited or require additional effort.
 Learning Curve: For developers who are new to Dart and the Flutter framework
there might be a learning curve.
 Benefits of using Flutter
1. Open Source 2. Faster development Cycle 3. Super Productive

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

Any one who have basic knowledge Ready to use widget, Flutter have Flutter Community is bit small if we
of OOPS & UI Designing can easily many widget that you can use to compare with other framework like
learn Flutter. build flutter application. React.

Such as : http, get, share plus, toggle But Flutter is the most loved
switch etc. Community then other framework.
 Comparison To Other Development Platforms
 Android Native: Native applications minimize obstacles and challenges when
integrating new features. It provide user experiences that align closely with the
platform they are built for (e.g. iOS or Android). Since native apps are designed
specifically for a particular platform they can be optimized to take full advantage of
the platform's capabilities resulting in better performance and responsiveness.
 Advantage: Native applications can adopt brand new technologies without having
any third-party integration.
 Disadvantage: Lack of code reuse across platforms which can make development
expensive if targeting iOS and Android.
 Comparison To Other Development Platforms
 React Native: React Native enables the development of native applications
using JavaScript. The use of native platform ensures that the end user
experiences the look and feel of a native app. React Native provides an
abstraction layer for development.
 Advantage: React Native's abstraction layer may diminish when substantial
customization is needed.
 Disadvantage: The effectiveness of React Native's abstraction layer may
decrease when customization needs are extensive.
 Future of Flutter
 Flutter is gaining popularity among developers and companies for building
high-quality mobile and web applications.
 Google is likely to continue investing in Flutter, introducing new features, and
addressing bugs to enhance the framework's functionality.
 The large and active community of developers and users contributing to Flutter
will play a crucial role in its ongoing growth and evolution.
 Companies embrace Flutter for web and desktop app development, the
framework is expected to become even more popular in the future.
 Flutter is expected to evolve and expand its capabilities in the coming years.
 Applications
Stadia
Dream 11 eBay Google Pay
gaming platform.
 Conclusion
Flutter offers a great solution for building cross-platform applications. With its
excellent tooling and hot reloading, it brings a very pleasant development
experience. The wealth of open-source packages and excellent documentation
make it easy to get started with. Looking forward, Flutter developers will be able
to target Fuchsia in addition to iOS and Android. Considering the extensibility of
the engine’s architecture, Flutter land on a variety of other platforms as well. With
a growing community, it’s a great time to jump in.
 References


"Release v0.0.6: Rev alpha branch version to 0.0.6, flutter 0.0.26 (#10
010) · flutter/flutter"
. GitHub. Retrieved 2018-08-08
 https://github.com/flutter/flutter/releases 3.
 https://www.geeksforgeeks.org/flutter-advantages-disadvantages-and-f
uture-scopes/
 https://github.com/flutter/flutter/wiki/Changelog 5.
 "FAQ - Flutter" . Retrieved 2018-08-08.
 "Google's "Fuchsia" smartphone OS dumps Linux, has a wild new UI"

. Ars Techni
 "Google's Dart language on Android aims for Java-free, 120FPSapps"

. Ars Tech.
 "Google Announced Flutter Release Preview 2" . App
 "Technical Overview - Flutter" . flu
 "Flutter's Compilation Patterns" . P
THANK YOU