Flutter Tutorial

This document provides an overview and tutorial for Flutter, an open-source SDK for building beautiful, native mobile applications for iOS and Android from a single codebase. Flutter allows for beautiful designs, smooth animations, high performance, and multi-platform support. The tutorial covers installing Flutter, building apps with Flutter widgets like Text and Buttons, navigation, animations, and common issues. It also discusses Flutter development tools and the Dart programming language used by Flutter.

Uploaded by

joe mboya

Available Formats

Download as PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

55 views

Flutter Tutorial

Uploaded by

joe mboya

Available Formats

Download as PDF, TXT or read online on Scribd

You are on page 1/ 5

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