Flutter Overview – Brain Mentors Skip to content

Flutter Overview

IF YOU ARE LOOKING FOR THESE ANSWERS
1. What is Flutter?
2. Whether you should learn Flutter in 2020?
3.Who is Using Flutter?
4.Understanding Flutter Architecture
5.Flutter vs others?
6. Is Fuchsia Kills Android?
7. What is Dart?
8. Flutter vs React Native

Build Apps For IOS and Android with Single Code Base

WHAT IS FLUTTER?

  • Google Open Source Mobile SDK for Cross Platform Mobile App Development with Single Code Base.
  • Learn One Programming Language (DART) and One Code Base for Android and IOS Platform.
  • Flutter using Dart Programming Language.
  • Dart is Open Source General Purpose Programming Language.
  • Dart syntax and some of the concepts are quite similar from JS, Java and C++.

FLUTTER OVERVIEW

Flutter is an UI toolkit Framework for building mobile, web and desktop application with a single codebase. It is developed by Google in 2018.

Flutter produced natively compiled application from its single code base for Android application, iOS application, web and desktop.

Flutter has tons of pre-built widgets for creating mobile apps. So It is very easy to create app by using flutter. due to the simplicity of flutter, it gains popularity day by day.

Let’s understand why we should use Flutter: -

  1. As you know already if you want to become an android developer then you should learn Java or Kotlin.
  2. Or if you want to become an iOS developer then you should learn Objective C or Swift language.
  3. As we mentioned earlier flutter use a single code base for iOS and Android apps so there is no need to learn different languages for Android and iOS apps.
  4. Flutter comes with bunch of pre-defined Widgets which are categorized in different categories, like layout widgets animation widgets basic widgets input widgets.
  5. Due to the Flutter widgetization, app development become very fast.
  6. Flutter has another fantastic feature that is hot reload When we compile an app and during the compilation and to render everything on the screen it will take around 10 to 30 seconds just to see the latest updates on the screen. but when you use Flutter it has the feature of hot reload and when you can change in code it just picks those changes and reflect on the screen.
  7. Flutter has tons of packages and plugin in pub.dev for making your development fast.

Language used by flutter: -

Flutters uses dart language as its base language. Dart is also developed by google in 2011. Dart is a general purpose language inspired by Java and Java script. What does it mean, its means that Google already knew who would use dart? if you are a Java developer then you can use dart. If you are a Java Script developer, then you use dart. So google invent dart in such a manner that anyone who will come from java background or java script background can easily adopt dart language.

So to become a mobile developer, desktop application developer or even web developer, we only need to learn a single Language which dart language.

Dart has a very small learning curve even when you start build apps by using Flutter you can easily learn Dart together.

FLUTTER CONTAINS

SDK
(SOFTWARE DEV KIT)

Tools to Compile UR Code to Native Code

FLUTTER API
(WIDGETS + UTILITIES)

Predefine Widgets to Build Beautiful App

DART
API & SDK

Focus as General Purpose

HOW FLUTTER WORKS?

As I said earlier in flutter everything is a widget, even a text is also a widget. Widget can be nested to each other to create screen layout.

Then the question is how flutter rendered these widgets on the device screen. Flutter widgets does not convert into iOS widgets or Android widgets.

FLUTTER API
(WIDGETS + UTILITIES)

DART Uses Flutter API’s to Build Mobile Apps

DART CODE

DART Code Compile

COMPILE DART CODE AND CONVERT INTO NATIVE CODE

USING FLUTTER SDK

FLUTTER ARCHITECTURE

WHAT IS FLUTTER? - CONTINUED

Everything is a widget in Flutter

Your Entire Application internally built as a Widget Tree.

HOW FLUTTER RENDERS USER INTERFACE?

Flutter start every screen as a blank screen and Flutter actually painted on the screen to draw these widgets so look and feel of apps almost same on both types of OS (android or iOS).

Flutter has its own rendering engine namely as SAKIA. SAKIA is a graphics engine by which flutter render or painting widgets on the screen 60fmps (frame per seconds). So flutter bypass the android and iOS layer to paint it because it directly communicates to the native layer.

FLUTTER HOT RELOAD

Your Entire Application internally built as a Widget Tree.

Use with VSCODE, Android Studio

Can build apps for any device size – Responsive

FLUTTER IS USED BY WHOM?

FLUTTER VS OTHERS

Google Trend Report

https://trends.google.com/trends/explore?geo=US&q=flutter,react%20native

FLUTTER VS REACT NATIVE

To know about FLUTTER vs REACT NATIVE visit

Should I learn Flutter in 2020?: -

The straight answer is YES. To elaborate this answer, first let’s see by whose flutter is used: –

Flutter is used by itself Google in google Adsense, Alibaba, BMW dream11, Ebay, RealTailor, Tencent, The NewYark Times, Square, Google Assistance and now majority of the companies is using the Flutter.

Community Support to Flutter

Now lets talks about its community support Flutter is an open source framework now flutter has a huge community support on StackOverflow, Gitter, Meetup, Tweeter, Medium, Slack, Youtube, Discord and etc.

 

And end the end of this post what flutter gives you when you using Fluter:-

  1. Software Development Kit (SDK)
  2. Flutter APIs
  3. Widgets + Utilities
  4. Dart APIs
  5. And much more.

So at the end I can say Flutter is for :-

  1. Android Developers
  2. iOS Developers
  3. React Native Developers
  4. Xamarin developers
  5. Ionic developers
  6. And also for web and desktop developers

Sign Up and Start Learning