Flutter 101: Basic Introduction

Flutter is an open-source and free framework for creating a mobile application for both Android and iOS devices. It is developed by Google. This is one of the booming technology in recent days. Dart Programming Language is used in Flutter. Google offers many features in the later version.

flutter 101 tutorials

About Dart Language

Dart language is similar to Java, C#, Javascript and so on. I hope both programming languages are easy to learn.

How to install Flutter

  1. For installation go to https://flutter.io/docs/get-started/install.
  2. Then download Flutter SDK from an authorized site.
  3. Set path to Flutter SDK.
  4. Run Flutter tool to check whether it working or not.

SEE ALSO: How to Install Flutter in Windows 10, 7

Flutter Developing Software

Android Studio

It is specially designed for Android developers. Android Studio is developed by Google. It also supports Java, C++, and so on… Lint tool is used for catch performance, usability, version compatibility.

Visual Studio Code

Visual Studio Code is developed by Microsoft for source code editing. It supports all programming languages. It is also customizable, so you can change editor’s theme, keyboard shortcuts and preferences.

IntelliJ IDEA

IntelliJ IDEA is a Java integrated development environment. This software support java, Dart Language and so on.

Flutter Studio

Flutter studio is one of the most flexible apps for the framework. Here you can drag and drop the design and it will automatically generate source code.

Flutter Book (Best. I recommended)

  • Futter in Action – Entire Flutter and Dart Resource.  Super book to learn Flutter in Easy way.

Tutorials

Flutter Blogs

Flutter Design’s

By using Flutter you can design a whole mobile app.

Components:

Inputs and selection

  • TextField
  • CheckBox
  • Radio
  • Switch
  • Slider
  • Date & Time

Application Structure

  • Scaffold
  • Appbar
  • BottomNavigationBar
  • TabBar
  • TabBarview
  • Drawer.

Buttons

  • IconButton
  • ButtonBar
  • PopupMenuButton
  • FlatButton

Dialog box

  • SimpleDialog
  • AlertDialog
  • BottomSheet
  • SnackBar

Information Display

  • Image
  • Icon
  • Tooltip
  • DataTable

Yet there are many types used in the flutter.

Widgets

Widgets are one of the valuable components in Flutter. As you all know about  Activity Fragments and Views components. For instead of those component Widgets is used in Flutter. Each and every widget defines an individual layout.

In Widget 2 basic types are there

  • StatefulWidget
  • StatelessWidget

StatelessWidget shows only static data, and unable to change any of its own properties.

In StatefulWidget you can update the changes.

Scaffold

Scaffold Widget provides visual layout structure. This class supports APIs for showing Drawer, App Bar, and Bottom Sheets.

Advantage and Disadvantage of Flutter

Pros

  1. It is used for creating both Android and iOS.
  2. It was developed by Google so it is safe and you get more support from Google.
  3. Easy to learn for beginners also.
  4. In Flutter hot reload option is available. By using this you can see the live changes you have done.
  5. XML coding is not needed for creating Layout.

Cons

  1. It is small when comparing to React Native or Xamarin.
  2. You can’t create android Home screen widgets using Flutter. You need a Native Java Code for creating.
  3. Flutter is still in alpha version. So libraries and plugins need to develop.
  4. It is new software so many services don’t support.
  5. It contains 6.7 MB for APK release.