Flutter (software)

Flutter is an open-source UI software development kit created by Google. It is used to develop applications for Android, iOS, Linux, Mac, Windows, Google Fuchsia,[4] and the web from a single codebase.[5]

Flutter
Original author(s)Google
Developer(s)Google and community
Initial releaseAlpha (v0.0.6) / May 2017 (2017-05)[1]
Stable release
1.22.6 / January 26, 2021 (2021-01-26)[2]
Repository
Written inC, C++, Dart[3]
PlatformAndroid, iOS, Google Fuchsia, Web platform, Linux, macOS and Windows
TypeApplication framework
LicenseNew BSD License
Websiteflutter.dev

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,[6] with the stated intent of being able to render consistently at 120 frames per second.[7] 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.[8]

On May 6, 2020, the Dart SDK in version 2.8 and the Flutter in version 1.17.0 were released, where support was added to the Metal API, improving performance on iOS devices (approximately 50%), new Material widgets, and new network tracking.

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.[9]

On Windows, macOS, and Linux[10] 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 are reflected immediately in the running app without requiring a restart or any loss of state.[11]

Release versions of Flutter apps are compiled with ahead-of-time (AOT) compilation on both Android and iOS,[12] 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.[9] 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 interact with Flutter via the Flutter Framework, which provides a reactive framework and a set of platform, layout, and foundation widgets.

Foundation library

The Foundation library, written in Dart, provides basic classes and functions that are used to construct applications using Flutter, such as APIs to communicate with the engine.[9][13]

Design-specific widgets

The Flutter framework contains two sets of widgets that conform to specific design languages: Material Design widgets implement Google's design language of the same name, and Cupertino widgets implement Apple's iOS Human interface guidelines.[9][14][15][16]

Widgets

Flutter uses a variety of widgets to deliver a fully functioning application. These widgets are Flutter's framework architecture.[17] Flutter's Widget Catalog provides a full explanation and API on the framework.

Hello World example

A Hello, World program in Flutter looks like this:

import 'package:flutter/material.dart';

void main() => runApp(HelloWorldApp());

class HelloWorldApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {

    //MaterialApp acts as a wrapper to the app and 
    //provides many features like title, home, theme etc   
    return MaterialApp(
      title: 'Hello World App',

      //Scaffold acts as a binder that binds the appBar,
      //bottom nav bar and other UI components at their places     
      home: Scaffold(

        //AppBar() widget automatically creates a material app bar
        appBar: AppBar(
          title: Text('Hello World App'),
        ),

        //Center widget aligns the child in center
        body: Center(
          child: Text('Hello World'),
        ),
      ),
    );
  }
}

See also

[18]

References

[19]

  1. Chris Bracken. "Release v0.0.6: Rev alpha branch version to 0.0.6, flutter 0.0.26 (#10010) ยท flutter/flutter". GitHub. Retrieved 2018-08-08.
  2. "Flutter SDK releases". flutter.dev.
  3. "FAQ - Flutter". Retrieved 2018-08-08.
  4. "Google's "Fuchsia" smartphone OS dumps Linux, has a wild new UI". Ars Technica.
  5. "Flutter Single Codebase to Build Your Dream Application for iOS and Android". Concetto Labs.
  6. "Sky: An Experiment Writing Dart for Mobile (Dart Developer Summit 2015)".
  7. Amadeo, Ron (1 May 2015). "Google's Dart language on Android aims for Java-free, 120 FPS apps". Ars Technica.
  8. "Flutter: the first UI platform designed for ambient computing". Flutter blog. Retrieved 2019-12-11.
  9. "Technical Overview - Flutter". flutter.dev. Retrieved 2017-12-13.
  10. "Canonical enables Linux desktop app support with Flutter". Ubuntu. Retrieved 2020-07-09.
  11. Lelel, Wm (26 February 2018). "Why Flutter Uses Dart". HackerNoon. Retrieved 5 December 2018.
  12. stephenwzl (2018-08-01). "Flutter's Compilation Patterns". ProAndroidDev. Retrieved 2018-12-06.
  13. "foundation library - Dart API". docs.flutter.dev. Retrieved 2017-12-13.
  14. "Material Design Widgets - Flutter". flutter.dev. Retrieved 2017-12-13.
  15. "Cupertino (iOS-style) Widgets - Flutter". flutter.dev. Retrieved 2017-12-13.
  16. "Human Interface Guidelines". developer.apple.com. Retrieved 2019-10-08.
  17. "Introduction to widgets". flutter.dev. Retrieved 2020-10-08.
  18. Appee
  19. Learn Flutter With FlutterCorner
This article is issued from Wikipedia. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.