Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.
Flutter is an open-source UI software development kit created by Google. It is used to develop applications for Android, iOS, Windows, Mac, Linux, Google Fuchsia and the web.
The first version of Flutter was known as codename “Sky” and ran on the Android operating system. It was unveiled at the 2015 Dart developer summit, with the stated intent of being able to render consistently at 120 frames per second. During the keynote of Google Developer Days in Shanghai, Google announced Flutter Release Preview 2 which is the last big release before Flutter 1.0. On December 4, 2018, Flutter 1.0 was released at the Flutter Live event, denoting the first “stable” version of the Framework On December 11, 2019, Flutter 1.12 was released at the Flutter Interactive event, it was announced that Flutter was the first UI platform designed for ambient computing.
Framework architecture
The major components of Flutter include:
- Dart platform
- Flutter engine
- Foundation library
- Design-specific widgets
Dart platform
Flutter apps are written in the Dart language and make use of many of the language’s more advanced features.
On Windows, macOS and Linux via the semi-official Flutter Desktop Embedding project, Flutter runs in the Dart virtual machine which features a just-in-time execution engine. While writing and debugging an app, Flutter uses Just In Time compilation, allowing for “hot reload”, with which modifications to source files can be injected into a running application. Flutter extends this with support for stateful hot reload, where in most cases changes to source code can be reflected immediately in the running app without requiring a restart or any loss of state. This feature as implemented in Flutter has received widespread praise.
Release versions of Flutter apps are compiled with ahead-of-time (AOT) compilation on both Android and iOS, making Flutter’s high performance on mobile devices possible.
Flutter engine
Flutter’s engine, written primarily in C++, provides low-level rendering support using Google’s Skia graphics library. Additionally, it interfaces with platform-specific SDKs such as those provided by Android and iOS. The Flutter Engine is a portable runtime for hosting Flutter applications. It implements Flutter’s core libraries, including animation and graphics, file and network I/O, accessibility support, plugin architecture, and a Dart runtime and compile toolchain. Most developers will interact with Flutter via the Flutter Framework, which provides a modern, reactive framework, and a rich set of platform, layout and foundation widgets.
Foundation library
The Foundation library, written in Dart, provides basic classes and functions which are used to construct applications using Flutter, such as APIs to communicate with the engine.
Widgets
UI design in Flutter involves using composition to assemble / create “Widgets” from other Widgets. The trick to understanding this is to realize that any tree of components (Widgets) that is assembled under a single build() method is also referred to as a single Widget. This is because those smaller Widgets are also made up of even smaller Widgets, and each has a build() method of its own. This is how Flutter makes use of Composition.
The docs say: ” A widget is an immutable description of part of a user interface.” A human being will tell you it’s a Blueprint, which is a much easier way to think about it. However, one also needs to keep in mind there are many types of Widgets in Flutter, and you cannot see or touch all of them. Text is a Widget, but so is its TextStyle, which defines things like size, color, font family and weight. There are Widgets that represent things, ones that represent characteristics (like TextStyle) and even others that do things, like FutureBuilder and StreamBuilder.
Complex widgets can be created by combining many simpler ones, and an app is actually just the largest Widget of them all (often called “MyApp”). The MyApp Widget contains all the other Widgets, which can contain even smaller Widgets, and together they make up your app.
However, the use of widgets is not strictly required to build Flutter apps. An alternative option, usually only used by people who like to control every pixel drawn to the canvas, is to use the Foundation library’s methods directly. These methods can be used to draw shapes, text, and imagery directly to the canvas. This ability of Flutter has been utilized in a few frameworks, such as the open-source Flame game engine.
Design-specific widgets
The Flutter framework contains two sets of widgets which conform to specific design languages. Material Design widgets implement Google’s design language of the same name, and Cupertino widgets implement Apple’s Human Interface Guidelines iOS design.
Hello World Example
import 'package:flutter/material.dart'; void main() => runApp(HelloWorldApp()); class HelloWorldApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Hello World App', home: Scaffold( appBar: AppBar( title: Text('Hello World App'), ), body: Center( child: Text('Hello World'), ), ), ); } }
If you are going for best contents like myself, only
visit this web page daily for the reason that it presents quality contents, thanks
Everything is very open with a very clear clarification of
the issues. It was definitely informative. Your site is useful.
Thank you for sharing!
Look into my website; CBD for anxiety
Howdy! I could have sworn I’ve been to this website before
but after going through some of the posts I realized
it’s new to me. Regardless, I’m definitely pleased
I came across it and I’ll be bookmarking it and checking back often!
I’m not that much of a internet reader to be honest but your sites really nice,
keep it up! I’ll go ahead and bookmark your website to come back down the road.
Cheers
Superb, what a weblog it is! This webpage presents useful information to
us, keep it up.
It’s an awesome post in favor of all the internet users;
they will get benefit from it I am sure.
An outstanding share! I’ve just forwarded this onto a colleague
who has been conducting a little homework on this.
And he in fact ordered me dinner due to the fact that
I found it for him… lol. So allow me to reword this…. Thanks for the meal!!
But yeah, thanx for spending time to discuss
this subject here on your internet site.
Wow, superb blog structure! How lengthy have you ever
been running a blog for? you made blogging glance easy.
The total look of your site is wonderful, as well
as the content material!
Everyone loves it when individuals get together and share
ideas. Great blog, keep it up!
In it something is also to me it seems it is very good idea. Completely with you I will agree.
You have hit the mark. In it something is also idea good, agree with you.
I’m typically to blogging and i actually respect your content. The article has actually peaks my interest. I am going to bookmark your web site and keep checking for brand new information.
What’s up, after reading this remarkable article i am also delighted to share my familiarity here with colleagues.
Very nice post. I simply stumbled upon your weblog and wished to mention that
I have really loved browsing your weblog posts.
In any case I’ll be subscribing on your rss feed and I’m hoping you write once more soon!
You are so awesome! I do not think I’ve read anything like this before.
So wonderful to discover another person with some unique thoughts on this subject.
Really.. many thanks for starting this up. This web site is something that is needed on the internet, someone with a little originality!
Hey very nice blog!
I am sure this piece of writing has touched all the
internet people, its really really fastidious article on building up new
blog.
you are actually a just right webmaster. The site loading velocity is incredible.
It seems that you are doing any unique trick. In addition, The contents are masterpiece.
you’ve done a wonderful process on this subject!
This piece of writing will help the internet people for setting up
new weblog or even a weblog from start to end.
Appreciate the recommendation. Let me try
it out.
For newest news you have to pay a quick visit world wide web and on the web I found this web page as a most
excellent website for latest updates.
This is a good tip especially to those new to the blogosphere.
Short but very accurate information? Many thanks for sharing this one.
A must read article!
Wow, this article is fastidious, my sister is analyzing such things, thus
I am going to inform her.
I am sure this post has touched all the internet people, its really really good article on building up new blog.
I am truly grateful to the holder of this website who has shared this enormous paragraph at at this place.
fantastic as well as remarkable blog site. I really wish to thanks,
for offering us better information.
I could not refrain from commenting. Very well written!
There is certainly a great deal to find out about this subject.
I love all the points you’ve made.
If you would like to improve your familiarity only keep visiting
this site and be updated with the most recent news posted here.
I appreciate, result in I found just what I used to be looking for.
You’ve ended my 4 day long hunt! God Bless you man. Have
a great day. Bye
Thanks to my father who shared with me regarding this blog, this webpage is genuinely
remarkable.
Wonderful website. Lots of useful info here. I’m sending it to a few friends ans also sharing in delicious.
And naturally, thank you to your sweat!
I have read so many content on the topic of the blogger lovers but this paragraph is
really a nice paragraph, keep it up.
I think the admin of this web page is truly working hard in favor
of his website, as here every stuff is quality based material.
I’m gone to inform my little brother, that he
should also go to see this weblog on regular basis to
obtain updated from newest reports.
I really like it when individuals come together and share ideas. Great website, continue the good work!
I am actually thankful to the holder of this site who has shared this wonderful article
at here.
Excellent way of describing, and nice paragraph to get
data concerning my presentation subject, which i am
going to convey in university.
Hi there, just wanted to tell you, I enjoyed this blog post.
It was practical. Keep on posting!
When some one searches for his necessary thing, so he/she wants to be available that in detail, thus that thing is maintained over here.