Flutter (software)

From Wikipedia, the free encyclopedia
Flutter
Original author(s)Google
Developer(s)Google and community
Initial releaseAlpha (v0.0.6) / May 12, 2017; 6 years ago (2017-05-12)[1]
Stable release
3.19.0[2] Edit this on Wikidata / 15 February 2024; 2 months ago (15 February 2024)
Repository
Written inC, C++, Dart[3]
PlatformAndroid, iOS, Google Fuchsia, Web platform, Linux, macOS and Windows
TypeApplication framework
LicenseNew BSD License
Websiteflutter.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]

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.

Widgets[edit]

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

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

Framework architecture[edit]

Dart language[edit]

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

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

Flutter engine[edit]

Flutter's engine, written primarily in C++, provides low-level rendering support using either Google's Skia graphics library or the custom "Impeller" graphics layer.[20] Additionally, it 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.[21]

Foundation library[edit]

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.[21][22]

Design-specific widgets[edit]

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.[21][23][24][25] Flutter allows the developer to use either set of widgets on either platform, i.e. even Cupertino widgets on Android. Third party packages can be used to automatically adjust the app's design to the current operating system.[26]

IDE support[edit]

Flutter maintains official support for the following IDEs and editors via plugins:

Other IDEs can be used with community-supported plugins, or by using Flutter tools from the command line.[27] There are several tools emerging in the market that have started to utilize official Flutter IDE Framework and offer customized Graphical user interface builders.

History[edit]

The first version of Flutter was known as "Sky"[28] and ran on the Android operating system. It was unveiled at the 2015 Dart developer summit[29] with the stated intent of being able to render consistently at 120 frames per second.[27] 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.[30]

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

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

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

On August 30, 2022, Flutter 3.3 was announced. It included Objective-C and Swift interop and an early preview of a new rendering engine called Impeller which aims to reduce stutter caused by shader compilation.[20]

On January 25, 2023, Flutter 3.7 was announced.

See also[edit]

References[edit]

  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. ^ Error: Unable to display the reference properly. See the documentation for details.
  3. ^ "FAQ - Flutter". Retrieved 2018-08-08.
  4. ^ Amadeo, Ron (2018-02-27). "Google starts a push for cross-platform app development with Flutter SDK". Ars Technica. Retrieved 2021-06-11.
  5. ^ Amadeo, Ron (8 May 2017). "Google's "Fuchsia" smartphone OS dumps Linux, has a wild new UI". Ars Technica. Retrieved 18 March 2018.
  6. ^ "With Flutter, Google Aims Dart to Mobile App Cross-Development". InfoQ. 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. Retrieved 2022-03-17.
  8. ^ "Going global at Google Pay with Flutter".
  9. ^ "Check out the new @googleearth for iOS, Android, and web with UI built using Flutter, all from a single codebase".
  10. ^ "Increasing productivity by 33% at ByteDance with Flutter".
  11. ^ "Alibaba scales China's largest second-hand marketplace with Flutter".
  12. ^ "How big is the Flutter engine?".
  13. ^ "What makes Flutter unique?".
  14. ^ "Exploration of the Flutter Rendering Mechanism from Architecture to Source Code".
  15. ^ "Introduction to widgets". docs.flutter.dev. Retrieved 2022-10-06.
  16. ^ "Flame". flame-engine.org. Retrieved 2022-10-06.
  17. ^ stephenwzl (2018-08-01). "Flutter's Compilation Patterns". ProAndroidDev. Retrieved 2018-12-06.
  18. ^ "Building a web application with Flutter". docs.flutter.dev. Retrieved 2022-10-06.
  19. ^ "Using packages". docs.flutter.dev. Retrieved 2022-10-06.
  20. ^ a b Sneath, Tim (2022-08-30). "Announcing Flutter 3.3 at Flutter Vikings". Flutter. Retrieved 2022-10-06.
  21. ^ a b c "Technical Overview - Flutter". flutter.dev. Retrieved 2017-12-13.
  22. ^ "foundation library - Dart API". docs.flutter.dev. Retrieved 2017-12-13.
  23. ^ "Material Design Widgets - Flutter". flutter.dev. Retrieved 2017-12-13.
  24. ^ "Cupertino (iOS-style) Widgets - Flutter". flutter.dev. Retrieved 2017-12-13.
  25. ^ "Human Interface Guidelines". developer.apple.com. Retrieved 2019-10-08.
  26. ^ "flutter_platform_widgets | Flutter Package". Dart packages. Retrieved 2023-01-14.
  27. ^ a b Amadeo, Ron (1 May 2015). "Google's Dart language on Android aims for Java-free, 120 FPS apps". Ars Technical.
  28. ^ Kulinski, Swav (2018-12-07). "Flutter — The sky's the limit". Kin + Carta Created. Retrieved 2023-06-20.
  29. ^ "Sky: An Experiment Writing Dart for Mobile (Dart Developer Summit 2015)". YouTube.
  30. ^ "Flutter: the first UI platform designed for ambient computing". Flutter blog. Retrieved 2019-12-11.
  31. ^ "Version 2 of Google's Flutter toolkit adds support for desktop and web apps". TechCrunch. Retrieved 2021-03-06.
  32. ^ "Migrating to null safety". dart.dev. Retrieved 2022-02-04.
  33. ^ Sells, Chris (2021-09-08). "What's new in Flutter 2.5". Flutter. Retrieved 2022-02-04.
  34. ^ "Flutter 2.5.0 release notes". docs.flutter.dev. Retrieved 2022-02-04.
  35. ^ "Flutter 3 Release Notes". docs.flutter.dev. Retrieved 2022-08-09.

External links[edit]