What's new in Flutter (Google I/O Extended Bangkok 22)

What’s new in Flutter #Flutter Senior Software Engineer - Agoda
@kajornsak_pp Kajornsak Peerapathananont - Ben

Flutter 3.0

Flutter 3.0 is available in stable channel!

$ flutter channel master/beta/stable $ flutter upgrade

Desktop updates

Stable in 2.10 Windows 01 Stable in 3.0 macOS 02
Stable in 3.0 Linux 03 Desktop Flutter desktop is production-ready on all platforms - Rendering ✅ - Input & Interaction ✅ - A11y & I18n ✅ - Platform integration✅

Accessibility Support

Apple Silicon

Universal Binary support

Mobile updates

Foldable phone support

Foldable https://docs.microsoft.com/en-us/dual-screen/flutter/samples

DisplayFeature enum DisplayFeatureType { /// [DisplayFeature] type is new and
not yet known to Flutter. unknown, /// A fold in the flexible screen without a physical gap. /// /// The bounds for this display feature type indicate where the display makes a crease. fold, /// A physical separation with a hinge that allows two display panels to fold. hinge, /// A non-displaying area of the screen, usually housing cameras or sensors. cutout, }

Foldable hinge fold cutout

Foldable

120hz support - CADisableMinimumFrameDurationOnPhone

Distribution

32-bit sunsetting 🌄 Goodbye iOS 9 and iOS 10 and
32-bit devices - iPhone 4S - iPhone 5 - iPhone 5C - iPad 2nd Gen - iPad 3nd Gen - iPad 4nd Gen [RFC] Sunsetting plan : http://flutter.dev/go/rfc-32-bit-ios-unsupported

Impeller https://github.com/flutter/engine/tree/main/impeller Experimental rendering runtime - Predictable performance - Portable
- Metal & Vulkan support - Available on iOS (not production-ready) - `flutter run ios –enable-impeller` - FLTEnableImpeller

Android

Partial repaint https://github.com/flutter/engine/pull/29591 Faster rasterization on AVG, P90, P99 by
5x on backdrop_filter_perf

Gradle Support Gradle 7.4 with AGP 7.1.2 Performance - Android
view (platform view) now composed asynchronously - Better performance of google_mobile_ads

Web updates

Image decoding Flutter web now uses ImageDecoder API - 2x
faster on Image decoding - Less jank Web lifecycles - More flexibility for bootstrapping - Better Lighthouse analysis https://docs.flutter.dev/development/platform-integration/web/initialization

index.html <html> <head>  <script src="flutter.js" defer></script> </head>
<body> <div id="loading"></div> <script> window.addEventListener('load', function(ev) { var loading = document.querySelector('#loading'); loading.textContent = "Loading entrypoint..."; _flutter.loader.loadEntrypoint({ serviceWorker: { serviceWorkerVersion: serviceWorkerVersion, } }).then(function(engineInitializer) { loading.textContent = "Initializing engine..."; return engineInitializer.initializeEngine(); }).then(function(appRunner) { loading.textContent = "Running app..."; return appRunner.runApp(); }); }); </script> </body> </html>

Tooling updates

Lint 2.0 Flutter 3 apps will use lint 2.0 by
default - $ dart fix –apply [RFC] Sunsetting plan : http://flutter.dev/go/rfc-32-bit-ios-unsupported

Firebase

https://firebase.google.com/docs/flutter/

Casual Games Toolkit

https://flutter.dev/games

Games Template for creating games with Flutter - Sound -
Music - Main menu - Settings - Ads - In-app purchase - Games services - Crash reporting https://github.com/flutter/samples/tree/master/game_template

Material 3

Material You

Thank you! flutter.dev Resources Senior Software Engineer - Agoda @kajornsak_pp
Kajornsak Peerapathananont - Ben

What's new in Flutter (Google I/O Extended Bang...

What's new in Flutter (Google I/O Extended Bangkok 22)

More Decks by Kajornsak Peerapathananont

Other Decks in Technology

Featured

Transcript