0% found this document useful (0 votes)
47 views26 pages

Flutter 180516111425

Flutter is a SDK developed by Google that makes building high-quality apps for Android and iOS easy. It uses Dart as its programming language. Flutter works well for designers who want consistent branding across platforms, prototypers who need a fast way to build working prototypes, and developers who want great tools and widgets. The document discusses Flutter's layout system, hot reload for quick iteration, reactive programming model, and performance advantages compared to other cross-platform frameworks. It provides resources for learning more about building apps with Flutter.

Uploaded by

hfdscqbdufbu
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
0% found this document useful (0 votes)
47 views26 pages

Flutter 180516111425

Flutter is a SDK developed by Google that makes building high-quality apps for Android and iOS easy. It uses Dart as its programming language. Flutter works well for designers who want consistent branding across platforms, prototypers who need a fast way to build working prototypes, and developers who want great tools and widgets. The document discusses Flutter's layout system, hot reload for quick iteration, reactive programming model, and performance advantages compared to other cross-platform frameworks. It provides resources for learning more about building apps with Flutter.

Uploaded by

hfdscqbdufbu
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/ 26

Lets Flutter

Who am I ?
Android Geek | Blogger at Mindorks | Open Source Contributor
Community Speaker | BlockChain guy | Explorer in Tech
(React) Native vs Flutter
What is Flutter?
A SDK that makes building high-performing, modern and beautiful apps easy
Works for both Android and iOS
An open-source toolkit, developed by Google*
100+ contributions from the open source community
Who is Flutter for?
Designers converge on a brand-driven experience on Android and iOS

Prototypers enjoy a high-fidelity and fast way to build working prototypes.

Developers benefit from fantastic developer tools, an easy-to-use language, a rich set
of widgets and great IDE support. Flutter frees up valuable time for working on
features and delightful experiences.
What do you see here?
Diagram the Layout
Look for rows and columns
Is there a grid?
Any overlapping elements?
Do we need tabs?
Padding, alignment or borders needed?
HTML/CSS Analogs for Flutter
<div class="greybox"> var container = new Container( // grey box
Lorem ipsum child: new Text(
</div> "Lorem ipsum",
style: new TextStyle(
fontSize: 24.0
.greybox {
background-color: #e0e0e0; /* grey 300 */ fontWeight: FontWeight.w900,
width: 320px; fontFamily: "Georgia",
height: 240px; ),
font: 900 24px Georgia; ),
} width: 320.0,
height: 240.0,
color: Colors.grey[300],
);
$ flutter doctor
Checks your environment and displays a report to the
terminal window

$ flutter upgrade
Updates both the Flutter SDK and your packages
pubspec.yaml
name: flutter_project
description: An amazing Flutter project using Firebase Auth

dependencies:
flutter:
sdk: flutter
firebase_auth: "^0.2.5"
HOT RELOAD
Injecting updated source code files into the running Dart VM

Stateful: App state is retained after a reload.

Quickly iterate on a screen deeply nested in your app


HOT RELOAD
WIDGETS, WIDGETS ..
Goodbye, global layout system

new Center(
child: new Text('Centered Text', style: textStyle),
)

Local layouts: Every Widget defines it’s own layout. No need to tell
the parent that it’s children are supposed to be centered.
StatefulWidget vs. StatelessWidget
Using platform
channels allows for
receiving method
calls and sending
back results
Optimized for Performance
- Compiles to Native Code
- No reliance on OEM widgets
- No bridge needed
- Structural Repainting
Reactive Framework
Using Flutter
“Running at 60 fps, user interfaces created with
Flutter perform far better than those created with
other cross-platform development frameworks.”

code.tutsplus.com/tutorials/developing-an-android-app-with-flutter--cms-28270
“Coding with Dart and Flutter rekindled the joy I
had when I started with mobile dev way back
when … No B.S.”

traversoft.com/blog/2017/08/08/conference-app-flutter
"The UI is butter smooth (when building a release
version), I have never seen such a smooth
Android app"

Pascal Welsch, Speaker at Droidcon Berlin


https://tinyurl.com/gdgflutter

Additional Resources for Flutter Apps


Thank You !
Himanshu Singh
Google Associate Android Developer
@hi-manshu

You might also like