Flutter is an open-source UI software development kit created by Google for building natively compiled applications across multiple platforms from a single codebase. It utilizes the Dart programming language and adopts a hybrid development approach, emphasizing speed, performance, flexibility, and a native look and feel. Flutter applications are composed of various widgets, which can be either stateless or stateful, allowing for dynamic and interactive user interfaces.

1. FLUTTER FRAMEWORK

2. WHAT IS FLUTTER ?
 ● Flutter is an open-source UI software development kit created by
Google.
 ● It is used to develop applications for Android, iOS, Windows, Mac,
Linux, Google Fuchsia and the web.
 ● Flutter uses Dart language

3. DEEP INTO MOBILE
PLATFORMS

4. Mobile Platforms

5. Mobile Development
Approaches

6. SO WHAT IS FLUTTER ?
 ● Flutter uses hybrid approach .
 ● Flutter is Google’s UI toolkit for building beautiful, natively compiled
applications for mobile, web, and desktop from a single codebase.

7. SO WHAT IS FLUTTER ?
FLUTTER IS THE NEXT STEP IN THE APP DEVELOPMENT
• Speed and performance
• Flexibility
• Native look and feel
• Less time to market

9. ABOUT DART
Dart is an open-source general-purpose programming language. It is originally
developed by Google.
It is used to build web , server , and mobile application.
Dart is an object-oriented language with C-style syntax which can
optionally trans compile into JavaScript.

10. DEEP INTO FLUTTER

11. Flutter Architecture

13. EVERYTHING’S A WIDGET
A widget is a basic element of any App created with flutter

14. WHAT ARE WIDGETS IN FLUTTER?
Everything in flutter consist of Widgets including but not limited to,
visible Screen(s),
text(s),
Button(s),
Material Design(s),
Application Bar(s)
as well as invisible Container(s) and Layout(s)

16. STATELESS
STATEFULL

17. STATELESS
• No State
• Icon , iconButton , text

18. STATEFUL WIDGETS
• Widget changes depending on state.
• Checkbox, Radio , Form , TextField.
• State stores in state object.
• When the state of widgets changes, Call the setStaet( ) to
redering the widgets.

19. STATELESS WIDGET

20. STATEFUL WIDGETS

21. THANK YOU