Overview of

Flutter

Guide by : Prof. Tanmaya Kumar Das.

By : Shivam Kumar.
Reg. : 2101219075
Content.
• What is flutter ?
• Why flutter/Dart ?
• Flutter & Flutter flow.
• Flutter over Native development.
• Features of flutter.
• Widgets system & Hot reload.
• Performance optimize.
• Flutter vs Others framework.
• Future of flutter.
• Conclusion.
What is Flutter ?

Flutter is a powerful framework for cross-platform mobile app

development. Created by Google, it allows developers to build high-
performance applications for iOS, Android, web, and desktop from a
single codebase. Flutter utilizes the Dart programming language and
offers a rich set of customizable widgets for creating beautiful, natively
compiled applications. This overview will explore Flutter's key features,
its widget system, development process, and its impact on the mobile
app development landscape.
Why Flutter and
Dart ?

Single Codebase Dart Language Performance

Develop for iOS, Android, web, and Offers a strong type system and just- Delivers high-performance
desktop with one codebase, in-time (JIT) compilation for fast applications with native compilation,
streamlining the development development cycles, enhancing ensuring smooth user experiences
process and reducing redundancy. efficiency. across platforms.
Flutter & Flutter
Flow.

Flutter Flutter Flow

An open-source framework built with Dart for creating high- Flutter Flow is a low-code platform that offers a visual, drag-
performance, cross-platform apps for iOS, Android, web, and and-drop interface for building Flutter apps. It simplifies
desktop. development, making it accessible for non-technical users.
 Flutter App Development vs. Android
Studio
Flutter Android Studio
Advantages Limitations
• Flutter's cross-platform capabilities allow you to build • Android Studio is focused solely on native Android app
high-performance apps for iOS, Android, web, and development, limiting its ability to create cross-
desktop from a single codebase, streamlining platform applications.
development.
• The development process in Android Studio can be
• The Dart language's fast JIT compilation and rich
more complex, requiring separate codebases and
widget library make Flutter development more
configurations for iOS and other platforms.
efficient compared to traditional Android Studio.
• Flutter application can be built directly from web IDE, • It also required high specs device for smooth

or flutter flow. development.

 Benefits of Flutter's Widget
System.

Rich Set of Customizability Efficient

Widgets Rendering
Flutter provides a range of Widgets in Flutter can be Flutter's widget system is
widgets, including material extensively tailored to align with designed for optimal
design and Cupertino (iOS-style) specific brand and design performance, with efficient
options, allowing developers to requirements, offering rendering and updating
create consistent and platform- unparalleled flexibility in UI mechanisms that contribute to
specific interfaces. creation. smooth app experiences.
Hot Reload and Fast Development
Instant Updates Iterative Increased
Development Productivity
Modify code and see results Quickly experiment with UI Hot reload feature significantly
immediately, speeding up the changes and bug fixes, enhancing reduces the time between code
development process and the overall development changes and seeing results,
allowing for rapid iteration. workflow. boosting developer productivity.
Cross-Platform Efficiency and Cost
Reduction
Time Reduction Cost-Effective Consistent User
1 2 3
Development Experience
By utilizing Flutter, developers
can achieve a remarkable Flutter minimizes expenses by Cross-platform development
reduction in development eliminating the need for with Flutter ensures a uniform
time, enabling faster market separate teams for iOS and look and feel across different
entry for apps. Android platforms, devices, enhancing user
streamlining the development satisfaction.
process.
Performance Optimization in
Flutter

Reduce Widget Efficient Asset Memory

Rebuilds Usage Management
Utilize keys to prevent unnecessary Optimize images and implement lazy Minimize memory usage and
widget rebuilds, improving overall loading to enhance the user effectively manage resources to boost
app performance. experience and reduce resource app performance and stability.
consumption.
Real-World Case Studies of Flutter
Apps

ERP System for Reflectly

KFC
Use Flutter for a consistent experience across devices, A journal app using Flutter for a rich, interactive UI,
showcasing the framework's ability to handle complex demonstrating the framework's capability in creating
business applications. engaging user experiences.

Source : Surf.dev. Source : flutter.dev

Flutter vs. Other Frameworks

Performance UI Flexibility
Flutter utilizes native compilation, resulting in faster Flutter offers a more extensive range of customizable widgets,
performance compared to frameworks like React Native. Its providing developers with greater control over UI design. The
architecture allows for better resource management and hot reload feature allows for immediate UI changes during
smoother handling of complex animations. development, enhancing productivity.
Future of Flutter in Mobile App
Development

Growing Web and Desktop Integration with

Community Support Emerging Technologies
Flutter's community is rapidly Continued improvement in web and
expanding, leading to more resources, desktop app development Expected advancements in Flutter's
plugins, and support for developers. capabilities, expanding Flutter's reach integration with AR, VR, and IoT
beyond mobile platforms. technologies, opening new
possibilities for app development.
A Warm Thank You from the
Heart
I truly appreciate you taking the time to learn about Flutter. I hope this presentation has been informative and inspiring for
you.

Source -: flutter docs & Flutter Developer Community Discord .