Scribd
Upload
141 views

Flutter Tutorial

Flutter is a mobile app development SDK developed by Google that allows building high-quality, high-performance native interfaces for both Android and iOS using a single codebase. It offers beautiful UIs, smooth animations, great performance, multi-platform support, and fast prototyping. Flutter uses Dart as its programming language and provides widgets, materials, and other features to build apps. Developers can use Flutter to deliver fast, modern mobile apps for both new and existing projects.

Uploaded by

Gatien Jordan Lonla
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
141 views

Flutter Tutorial

Flutter is a mobile app development SDK developed by Google that allows building high-quality, high-performance native interfaces for both Android and iOS using a single codebase. It offers beautiful UIs, smooth animations, great performance, multi-platform support, and fast prototyping. Flutter uses Dart as its programming language and provides widgets, materials, and other features to build apps. Developers can use Flutter to deliver fast, modern mobile apps for both new and existing projects.

Uploaded by

Gatien Jordan Lonla
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

Flutter Tutorial

Flutter

As a mobile developer, what do you expect from your application development?

Obviously

Lot of options for beautiful design.


Butter smooth animations.
Great Performance.
Also you would like to target as many platforms as possible from your single code base.
Prototyping features in less time.

If you are looking for an SDK that can do all these, Flutter is the best option.

Following are some of the features of Flutter.

Flutter is developed by Google.


Free and Open Source.
Flutter is happy to work with your existing code in Java, Swift, ObjC etc.
Flutter makes single code base possible for both IOS and Android applications.
Flutter helps build high-quality native interfaces to Android and IOS.
With Flutter, time required for Application Development is relatively less, at the same time not compromising on
performance or design.
Hot Reload makes your Application Development fast than ever.
Flutter has built-in Material Design (for Android) and Cupertino (for iOS).
Flutter is a reactive framework like React from Facebook.

Flutter Development IDEs


You can develop Flutter application using any of the following IDEs.

Android Studio
IntelliJ IDEA
Visual Studio Code
Xcode

Flutter Development Language – Dart


Flutter uses Dart programming language for developing applications. To learn Dart follow Dart Tutorial.

Flutter on Different Platforms


Flutter adopts the physics and behavior of applications corresponding to the target platform. Scroll behavior,
navigation, icons, fonts are some of those that Flutter shows differently on different platforms like Android and
IOS.

Flutter for Beginners


You can start right away to deliver fast and modern native apps.

Flutter for Existing Mobile Application Developers


You can integrate Flutter with your existing code.

Flutter Tutorial

In this Flutter Tutorial, following articles takes you through the installation of Flutter in you machine, basic and
advanced concepts of Flutter.

Installation
Flutter Installation in Linux (Ubuntu)
Installation in Windows
Installation in Mac

Widgets Tutorials
Flutter – Text
Flutter – TextField
Flutter – FlatButton
Flutter – RaisedButton
Flutter – Image
Flutter – SnackBar
Flutter – Switch
Flutter – Tooltip
Flutter – ToggleButtons
Flutter – Table
Flutter – DataTable
Flutter – SelectableText
Flutter – Icon
Flutter – IconButton
Flutter – ListView
Flutter – Opacity
Flutter – Radio buttons
Flutter – TabBar & TabBarView
Flutter – CircularProgressIndicator

Widget Properties
Flutter Padding

Navigation
Navigation from one screen to another in Flutter Application

InterActivity
StatefulWidget
StatelessWidget

Animations
Flutter Animation Basic Example
Flutter – Tween Animation
Flutter – Animate Color of Widget
Flutter AnimatedIcon
Flutter AnimatedList
Flutter AnimatedSwitcher

AppBar
Flutter – Center align Application Title

Text
Flutter – Center align Text Widget
Flutter – Change Font Size of Text

Container
Flutter – Different Margins at left, top, right and bottom

Common Issues [Solved]


Flutter – RaisedButton color not working

Flutter Other Tutorials


Flutter SQLite Tutorial
Example Login Screen with Flutter

Flutter Official
To visit official Flutter page, go to [https://flutter.dev/].
Conclusion
This Flutter Tutorial walked you through the introduction to Flutter, how to get started with Flutter Application
Development, then basics and advanced tutorials in Flutter development, with well detailed examples and
complete code.

Flutter Tutorial

⊩ Flutter Tutorial

⊩ Flutter - Install on Linux - Ubuntu

⊩ Flutter - Basic Application Example

Flutter W idgets

⊩ Flutter Text

⊩ Flutter TextField

⊩ Flutter FlatButton

⊩ Flutter RaisedButton

⊩ Flutter SnackBar

⊩ Flutter Switch

⊩ Flutter ToggleButtons

⊩ Flutter Table

⊩ Flutter DataTable

⊩ Flutter Tooltip

⊩ Flutter TabBar & TabBarView

Flutter Animation

⊩ Flutter Animation Basic Example

⊩ Flutter Animate Color

Flutter Packages

⊩ Flutter sqflite - SQLite Tutorial

Flutter Examples

⊩ Flutter Login Screen Sample

You might also like