Flutter (software)

Last updated
Flutter
Original author(s) Google
Developer(s) Google and community
Initial releaseAlpha (v0.0.6) / May 12, 2017;7 years ago (2017-05-12) [1]
Stable release
3.22.0 [2]   OOjs UI icon edit-ltr-progressive.svg / 14 May 2024;3 days ago (14 May 2024)
Repository
Written in C, C++, Dart [3]
Platform Android, iOS, Google Fuchsia, Web platform, Linux, macOS and Windows
Type Application framework
License New BSD License
Website flutter.dev

Flutter is an open-source UI software development kit created by Google. It can be used to develop cross platform applications from a single codebase for the web, [4] Fuchsia, Android, iOS, Linux, macOS, and Windows. [5] First described in 2015, [6] [7] Flutter was released in May 2017. Flutter is used internally by Google in apps such as Google Pay [8] and Google Earth [9] as well as by other software developers including ByteDance [10] and Alibaba. [11]

Contents

Flutter consists of both a UI language and a rendering engine. When a Flutter application is compiled, it ships with both the UI code and the rendering engine, which is about 4 MB compressed. [12] This is in contrast to many other UI frameworks that rely on a separate rendering engine and only ship the UI code, such as native Android apps which rely on the device-level Android SDK or HTML/JavaScript Web apps that rely on the user's HTML engine and JavaScript engine. [13] [14] Flutter's complete control of its rendering pipeline makes supporting multiple platforms simpler as it only needs the platform to support running native code such as via the Android Java Native Interface rather than support Flutter's UI model in its entirety.

History

The first version of Flutter was known as "Sky" [15] and ran on the Android operating system. It was unveiled at the 2015 Dart developer summit [16] with the stated intent of being able to render consistently at 120 frames per second. [17] During the keynote of Google Developer Days in Shanghai in September 2018, Google announced Flutter Release Preview 2. On December 4, 2018, Flutter 1.0 was released at the Flutter Live event. On December 11, 2019, Flutter 1.12 was released at the Flutter Interactive event. [18]

On May 6, 2020, the Dart software development kit (SDK) version 2.8 and Flutter 1.17.0 were released, adding support for the Metal API as well as new Material widgets and network tracking development tools.

On March 3, 2021, Google released Flutter 2 during an online Flutter Engage event. It added a Canvas Kit renderer for web as opposed to the HTML version before it, web specific widgets, early-access desktop application support for Windows, macOS, and Linux and improved Add-to-App APIs. [19] It also shipped with Dart 2.0 which included partial null-safety, which caused many breaking changes and issues with many external packages; however, the Flutter team included instructions and tools to mitigate these issues. [20]

On September 8, 2021, Dart 2.14 and Flutter 2.5 were released with the latest version of Material Design called Material You. [21] [22]

On May 12, 2022, Flutter 3 and Dart 2.17 were released with support for all desktop platforms as stable. [23]

Widgets

The basic component in a Flutter program is a "widget", which can in turn consist of other widgets. A widget describes the logic, interaction, and design of a UI element with an implementation similar to React. Unlike other cross-platform toolkits such as React Native and Xamarin which draw widgets using native platform components, Flutter renders widgets itself on a per-pixel basis.

There are two types of widgets: stateless and stateful. Stateless widgets only update if their inputs change, meaning they otherwise won't need to be rebuilt when other elements of the screen change, while stateful widgets can call the setState() method to update an internal state and redraw. [24]

Although widgets are the primary method of constructing Flutter applications, they can also be bypassed in favor of directly drawing on a canvas. This feature has been occasionally used to implement game engines in Flutter. [25]

Framework architecture

Dart language

Flutter apps are written in the Dart language. Release versions of Flutter apps on all platforms use ahead-of-time (AOT) compilation [26] except for on the Web where code is transpiled to JavaScript [27] or WebAssembly [28] .

Flutter inherits Dart's Pub package manager and software repository, which allows users to publish and use custom packages as well as Flutter-specific plugins. [29]

Flutter engine

Flutter supports two different rendering engine engine back-ends: Google's Skia graphics library and Flutter's own engine called Impeller. [30] Impeller is enabled by default on iOS and is currently in beta on Android. [31] The engine interfaces with platform-specific SDKs such as those provided by Android and iOS to implement features like accessibility, file and network I/O, native plugin support, etc. [32]

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. [32] [33]

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. [32] [34] [35] [36] Flutter allows the developer to use either set of widgets on either platform. Developers can use Cupertino widgets on Android. Third party packages can be used to automatically adjust the app's design to the current operating system. [37]

See also

Related Research Articles

In computing, cross-platform software is computer software that is designed to work in several computing platforms. Some cross-platform software requires a separate build for each platform, but some can be directly run on any platform without special preparation, being written in an interpreted language or compiled to portable bytecode for which the interpreters or run-time packages are common or standard components of all supported platforms.

A software development kit (SDK) is a collection of software development tools in one installable package. They facilitate the creation of applications by having a compiler, debugger and sometimes a software framework. They are normally specific to a hardware platform and operating system combination. To create applications with advanced functionalities such as advertisements, push notifications, etc; most application software developers use specific software development kits.

<span class="mw-page-title-main">JavaFX</span> Java software platform for GUI

JavaFX is a software platform for creating and delivering desktop applications, as well as rich web applications that can run across a wide variety of devices. JavaFX has support for desktop computers and web browsers on Microsoft Windows, Linux, and macOS, as well as mobile devices running iOS and Android, through Gluon Mobile.

A mobile development framework is a software framework that is designed to support mobile app development. It is a software library that provides a fundamental structure to support the development of applications for a specific environment.

<span class="mw-page-title-main">Skia Graphics Engine</span> Open source graphics library written in C++

The Skia Graphics Engine or Skia is an open-source 2D graphics library written in C++. Skia abstracts away platform-specific graphics APIs. Skia Inc. originally developed the library; Google acquired it in 2005, and then released the software as open source licensed under the New BSD free software license in 2008.

Apache Cordova is a mobile application development framework created by Nitobi. Adobe Systems purchased Nitobi in 2011, rebranded it as PhoneGap, and later released an open-source version of the software called Apache Cordova. Apache Cordova enables software programmers to build hybrid web applications for mobile devices using CSS3, HTML5, and JavaScript, instead of relying on platform-specific APIs like those in Android, iOS, or Windows Phone. It enables the wrapping up of CSS, HTML, and JavaScript code depending on the platform of the device. It extends the features of HTML and JavaScript to work with the device. The resulting applications are hybrid, meaning that they are neither truly native mobile application nor purely Web-based. They are not native because all layout rendering is done via Web views instead of the platform's native UI framework. They are not Web apps because they are packaged as apps for distribution and have access to native device APIs. Mixing native and hybrid code snippets has been possible since version 1.9.

<span class="mw-page-title-main">MoSync</span>

MoSync is a discontinued free and open-source software development kit (SDK) for mobile applications. It is integrated with the Eclipse development environment. The framework produces native mobile applications for multiple platforms using C/C++, HTML5 scripting and any combination thereof. The target group for MoSync are both web developers looking to enter the mobile space, as well as the ordinary PC/Mac desktop developer with knowledge in C/C++ development.

Titanium SDK is an open-source framework that allows the creation of native mobile applications on platforms iOS and Android from a single JavaScript codebase. It is presently developed by non-profit software foundation TiDev, Inc.

Dart is a programming language designed by Lars Bak and Kasper Lund and developed by Google. It can be used to develop web and mobile apps as well as server and desktop applications.

<span class="mw-page-title-main">Kivy (framework)</span> Free and multi-platform graphical library for Python

Kivy is a free and open source Python framework for developing mobile apps and other multitouch application software with a natural user interface (NUI). It is distributed under the terms of the MIT License, and can run on Android, iOS, Linux, macOS, and Windows.

This is a comparison of mobile operating systems. Only the latest versions are shown in the table below, even though older versions may still be marketed.

Backend as a service (BaaS), sometimes also referred to as mobile backend as a service (MBaaS), is a service for providing web app and mobile app developers with a way to easily build a backend to their frontend applications. Features available include user management, push notifications, and integration with social networking services. These services are provided via the use of custom software development kits (SDKs) and application programming interfaces (APIs). BaaS is a relatively recent development in cloud computing, with most BaaS startups dating from 2011 or later. Some of the most popular service providers are AWS Amplify and Firebase.

<span class="mw-page-title-main">Android Studio</span> Integrated development environment for the Android platform

Android Studio is the official integrated development environment (IDE) for Google's Android operating system, built on JetBrains' IntelliJ IDEA software and designed specifically for Android development. It is available for download on Windows, macOS and Linux based operating systems. It is a replacement for the Eclipse Android Development Tools (E-ADT) as the primary IDE for native Android application development. Android Studio is licensed under the Apache license but it ships with some SDK updates that are under a non-free license, making it not open source.

<span class="mw-page-title-main">Android Eclair</span> Fifth version of the Android operating system

Android Eclair is a codename of the Android mobile operating system developed by Google, the fifth operating system for Android and the second major release of Android. Eclair spans the versions 2.0.x and 2.1. Unveiled on October 26, 2009, Android Eclair builds upon the significant changes made in Android 1.6 "Android Donut". The first phone with Android Eclair was the Motorola Droid. Google ceased Android Market support for Android Eclair on June 30, 2017.

<span class="mw-page-title-main">React Native</span> Open-source mobile application framework

React Native is an open-source UI software framework created by Meta Platforms, Inc. It is used to develop applications for Android, Android TV, iOS, macOS, tvOS, Web, Windows and UWP by enabling developers to use the React framework along with native platform capabilities. It is used to develop the Android and iOS applications at Facebook, Microsoft, and Shopify. It is also being used to develop virtual reality applications at Oculus.

<span class="mw-page-title-main">Progressive web app</span> Specific form of single page web application

A progressive web application (PWA), or progressive web app, is a type of application software delivered through the web, built using common web technologies including HTML, CSS, JavaScript, and WebAssembly. It is intended to work on any platform with a standards-compliant browser, including desktop and mobile devices.

<span class="mw-page-title-main">One UI</span> Software overlay by Samsung Electronics Limited

One UI is a user interface (UI) developed by Samsung Electronics for its Android devices running Android 9 "Pie" and later. Succeeding Samsung Experience and TouchWiz, it is designed to make using larger smartphones easier and be more visually appealing. To provide more clarity, some elements of the UI are tweaked to match colors that are based on the color of the user's phone. It was announced at Samsung Developer Conference in 2018, and was unveiled in Galaxy Unpacked in February 2019 alongside the Galaxy S10 series, Galaxy Buds and the Galaxy Fold.

<span class="mw-page-title-main">HarmonyOS</span> Distributed operating system by Huawei

HarmonyOS (HMOS) is a distributed operating system developed by Huawei for smartphones, tablets, smart TVs, smart watches, personal computers and other smart devices. It has a multi-kernel design with dual frameworks: the operating system selects suitable kernels from the abstraction layer in the case of devices that use diverse resources. The operating system was officially launched by Huawei in August 2019.

<span class="mw-page-title-main">Windows App SDK</span> Software development kit from Microsoft

Windows App SDK is a software development kit (SDK) from Microsoft that provides a unified set of APIs and components that can be used to develop desktop applications for both Windows 11 and Windows 10 version 1809 and later. The purpose of this project is to offer a decoupled implementation of capabilities which were previously tightly-coupled to the UWP app model. Windows App SDK allows native Win32 (USER32/GDI32) or .NET (WPF/WinForms) developers alike a path forward to enhance their apps with modern features.

<span class="mw-page-title-main">DevEco Studio</span> Integrated development environment for the HarmonyOS platform

DevEco Studio is the official integrated development environment (IDE) for Huawei's HarmonyOS operating system, built on JetBrains' IntelliJ IDEA software and Huawei's SmartAssist designed specifically for HarmonyOS development. It is available for download on Microsoft Windows and macOS based operating systems.

References

  1. ↑ Chris Bracken. "Release v0.0.6: Rev alpha branch version to 0.0.6, flutter 0.0.26 (#10010) · flutter/flutter". GitHub . Archived from the original on 2019-02-05. Retrieved 2018-08-08.
  2. ↑ Error: Unable to display the reference properly. See the documentation for details.
  3. ↑ "FAQ - Flutter". Archived from the original on 2019-02-23. Retrieved 2018-08-08.
  4. ↑ Amadeo, Ron (2018-02-27). "Google starts a push for cross-platform app development with Flutter SDK". Ars Technica . Archived from the original on 2021-10-08. Retrieved 2021-06-11.
  5. ↑ Amadeo, Ron (8 May 2017). "Google's "Fuchsia" smartphone OS dumps Linux, has a wild new UI". Ars Technica. Archived from the original on 26 September 2019. Retrieved 18 March 2018.
  6. ↑ "With Flutter, Google Aims Dart to Mobile App Cross-Development". InfoQ. Archived from the original on 2022-04-28. Retrieved 2022-03-17.
  7. ↑ "Google announces Flutter 1.0, the first stable release of its cross-platform mobile development toolkit". Android Police. 2018-12-05. Archived from the original on 2022-05-25. Retrieved 2022-03-17.
  8. ↑ "Going global at Google Pay with Flutter". Archived from the original on 2024-03-31. Retrieved 2024-04-02.
  9. ↑ "Check out the new @googleearth for iOS, Android, and web with UI built using Flutter, all from a single codebase". Archived from the original on 2024-04-02. Retrieved 2024-04-02.
  10. ↑ "Increasing productivity by 33% at ByteDance with Flutter". Archived from the original on 2024-04-02. Retrieved 2024-04-02.
  11. ↑ "Alibaba scales China's largest second-hand marketplace with Flutter". Archived from the original on 2024-03-30. Retrieved 2024-04-02.
  12. ↑ "How big is the Flutter engine?". Archived from the original on 2024-05-03. Retrieved 2024-04-04.
  13. ↑ "What makes Flutter unique?". Archived from the original on 2024-04-02. Retrieved 2024-04-02.
  14. ↑ "Exploration of the Flutter Rendering Mechanism from Architecture to Source Code". Archived from the original on 2024-04-02. Retrieved 2024-04-02.
  15. ↑ Kulinski, Swav (2018-12-07). "Flutter — The sky's the limit". Kin + Carta Created. Archived from the original on 2023-06-20. Retrieved 2023-06-20.
  16. ↑ "Sky: An Experiment Writing Dart for Mobile (Dart Developer Summit 2015)". YouTube . Archived from the original on 2020-06-14. Retrieved 2020-06-12.
  17. ↑ Amadeo, Ron (1 May 2015). "Google's Dart language on Android aims for Java-free, 120 FPS apps". Ars Technica. Archived from the original on 6 May 2015. Retrieved 13 December 2017.
  18. ↑ "Flutter: the first UI platform designed for ambient computing". Flutter blog. Archived from the original on 2019-12-11. Retrieved 2019-12-11.
  19. ↑ "Version 2 of Google's Flutter toolkit adds support for desktop and web apps". TechCrunch. Retrieved 2021-03-06.[ permanent dead link ]
  20. ↑ "Migrating to null safety". dart.dev. Retrieved 2022-02-04.[ permanent dead link ]
  21. ↑ Sells, Chris (2021-09-08). "What's new in Flutter 2.5". Flutter. Archived from the original on 2022-02-04. Retrieved 2022-02-04.
  22. ↑ "Flutter 2.5.0 release notes". docs.flutter.dev. Archived from the original on 2022-02-04. Retrieved 2022-02-04.
  23. ↑ "Flutter 3 Release Notes". docs.flutter.dev. Archived from the original on 2022-09-03. Retrieved 2022-08-09.
  24. ↑ "Introduction to widgets". docs.flutter.dev. Archived from the original on 2022-10-06. Retrieved 2022-10-06.
  25. ↑ "Flame". flame-engine.org. Archived from the original on 2022-09-27. Retrieved 2022-10-06.
  26. ↑ stephenwzl (2018-08-01). "Flutter's Compilation Patterns". ProAndroidDev. Archived from the original on 2020-06-09. Retrieved 2018-12-06.
  27. ↑ "Building a web application with Flutter". docs.flutter.dev. Archived from the original on 2022-10-05. Retrieved 2022-10-06.
  28. ↑ Thomsen, Michael (2024-05-14). "Landing Flutter 3.22 and Dart 3.4 at Google I/O 2024". Flutter. Retrieved 2024-05-17.
  29. ↑ "Using packages". docs.flutter.dev. Archived from the original on 2022-10-06. Retrieved 2022-10-06.
  30. ↑ Sneath, Tim (2022-08-30). "Announcing Flutter 3.3 at Flutter Vikings". Flutter. Archived from the original on 2022-10-06. Retrieved 2022-10-06.
  31. ↑ "Impeller rendering engine". docs.flutter.dev. Retrieved 2024-05-17.
  32. 1 2 3 "Technical Overview - Flutter". flutter.dev. Archived from the original on 2020-06-16. Retrieved 2017-12-13.
  33. ↑ "foundation library - Dart API". docs.flutter.dev. Archived from the original on 2020-06-16. Retrieved 2017-12-13.
  34. ↑ "Material Design Widgets - Flutter". flutter.dev. Archived from the original on 2020-06-16. Retrieved 2017-12-13.
  35. ↑ "Cupertino (iOS-style) Widgets - Flutter". flutter.dev. Archived from the original on 2020-06-16. Retrieved 2017-12-13.
  36. ↑ "Human Interface Guidelines". developer.apple.com. Archived from the original on 2020-11-28. Retrieved 2019-10-08.
  37. ↑ "flutter_platform_widgets | Flutter Package". Dart packages. Archived from the original on 2023-01-14. Retrieved 2023-01-14.
This page is based on this Wikipedia article
Text is available under the CC BY-SA 4.0 license; additional terms may apply.
Images, videos and audio are available under their respective licenses.