Scribd
Upload
12 views10 pages

Introduction To Flutter: by GDSC TMSL

Flutter is an open-source UI software development kit created by Google in 2017 that allows developers to create native interfaces for multiple platforms from a single codebase. Flutter provides customizable widgets to build user interfaces and the hot reload feature allows instant code changes without restarting the app. The document discusses setting up the Flutter environment, the Dart programming language, common widgets like Material and Cupertino, stateless and stateful widgets, and building a simple Flutter app.

Uploaded by

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

Introduction To Flutter: by GDSC TMSL

Flutter is an open-source UI software development kit created by Google in 2017 that allows developers to create native interfaces for multiple platforms from a single codebase. Flutter provides customizable widgets to build user interfaces and the hot reload feature allows instant code changes without restarting the app. The document discusses setting up the Flutter environment, the Dart programming language, common widgets like Material and Cupertino, stateless and stateful widgets, and building a simple Flutter app.

Uploaded by

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

Introduction to Flutter

Flutter is an open-source UI software development kit created by Google


in 2017 . It is used to develop applications for Android, iOS, Linux, Mac,
Windows, Google and the web from a single codebase. Flutter uses the
Dart programming language and provides a rich set of pre-built,
customizable widgets for building high-performance, beautiful user
interfaces.
by GDSC TMSL
What is Flutter?

Cross-Platform Rich and Hot Reload Feature


Development Customizable UI
Flutter's hot reload feature
Flutter allows developers to It offers a wide range of allows developers to see the
create native interfaces for customizable widgets and effects of changes in the
multiple platforms from a tools to build expressive and code instantly without
single codebase, reducing flexible user interfaces. restarting the app.
development time and effort.
Setting up Flutter development
environment
Install Flutter SDK

Set Up IDE

Install Emulator or Connect Physical Device

Online IDE
https://dartpad.dev/
Introduction to Dart programming
language
1 Object-Oriented
Dart is an object-oriented language with classes and interfaces, making it
suitable for building scalable and structured applications.

2 Strongly Typed
It is a statically typed language, providing type safety and efficient execution
by catching potential errors at compile time.

3 Asynchronous Programming
Dart supports asynchronous operations with features like Futures and
Streams, enabling the development of responsive and non-blocking apps.
Flutter basics: Widgets and UI
Widgets Material Design Cupertino Style

Flutter widgets are the Flutter implements Material For iOS & Android apps,
basic building blocks for Design, providing ready-to- Flutter offers Cupertino
constructing the user use, beautiful UI widgets that mimic the iOS
interface of an application. components for developing design aesthetics and
They are customizable and apps with a consistent behaviors. This ensures a
can be combined to create visual language. native and familiar
complex UI designs. experience for iOS users.
Understanding Flutter's
Stateless & Stateful
Widgets
Flutter provides two fundamental types of widgets for building user
interfaces: Stateless and Stateful widgets. Stateless widgets are
immutable and don't maintain any internal state, while Stateful widgets
can change over time. Learn how to use these widgets effectively to
create dynamic and interactive UIs in Flutter.
Building a simple Flutter app
1 Create a New 2 Design UI with 3 Implement
Flutter Project Widgets Functionality
Use the Flutter CLI to Use Flutter's rich set Write Dart code to add
create a new project. It of widgets to design functionality to your
will set up the basic the user interface of app, such as handling
structure for your app. your app, focusing on user interactions and
the user experience data processing.
and visual appeal.
Hands-on-Session
Conclusion and next steps
Explore Flutter's Ecosystem Discover additional packages, plugins, and
libraries to extend the capabilities of your
Flutter apps.

Join Flutter Community Connect with other Flutter developers,


share knowledge, and seek assistance in
online forums and communities.

Continuous Learning Keep learning and experimenting with


Flutter to enhance your app development
skills and stay updated with the latest
trends.
Thank you

You might also like