{"id":14602,"date":"2024-12-12T16:24:55","date_gmt":"2024-12-12T10:54:55","guid":{"rendered":"https:\/\/www.icoderzsolutions.com\/blog\/?p=14602"},"modified":"2026-02-11T11:34:22","modified_gmt":"2026-02-11T06:04:22","slug":"whats-new-in-flutter-3-27","status":"publish","type":"post","link":"https:\/\/www.icoderzsolutions.com\/blog\/whats-new-in-flutter-3-27\/","title":{"rendered":"Flutter 3.27: Enhanced Performance, Improved Development Experience & More!"},"content":{"rendered":"\n

Flutter 3.27, the latest release from Google, brings many exciting features and performance improvements to the Flutter framework. Whether you’re a seasoned Flutter app developer<\/a> or just starting, this release offers a range of tools and enhancements to streamline your development workflow and elevate your app’s user experience.<\/p>\n\n\n\n

What’s New in Flutter 3.27?<\/h2>\n\n\n\n

Framework<\/h3>\n\n\n\n

Cupertino Updates<\/h3>\n\n\n\n

\u2022  CupertinoCheckbox and CupertinoRadio:<\/strong> Enhanced with updates to sizes, colors, stroke widths, and behaviors when pressed.<\/p>\n\n\n\n

\u2022  CupertinoSlidingSegmentedControl:<\/strong> Improved thumb radius, separator height, padding, shadows, and thumb scale alignment. Now, it supports disabling individual segments and proportional layout based on segment content.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

\u2022  CupertinoNavigationBar and CupertinoSliverNavigationBar:<\/strong> Backgrounds are now transparent until content is scrolled under them.<\/p>\n\n\n\n

\u2022  CupertinoButton:<\/strong> New CupertinoButtonSize enum for iOS 15+ button styles, CupertinoButton.tinted constructor for translucent backgrounds, new onLongPress handler, and support for keyboard shortcuts.<\/p>\n\n\n

\n
\"CupertinoButton\"<\/figure>\n<\/div>\n\n\n

\u2022  CupertinoPicker and CupertinoDatePicker:<\/strong> Now scroll to tapped items.<\/p>\n\n\n\n

\u2022  CupertinoAlertDialog:<\/strong> Supports the tap-slide gesture.<\/p>\n\n\n\n

Normalizing Material Theming<\/h2>\n\n\n\n

\u2022  CardTheme, DialogTheme, and TabBarTheme:<\/strong> Refactored to conform to Flutter\u2019s conventions for component themes with new CardThemeData, DialogThemeData, and TabBarThemeData.<\/p>\n\n\n\n

More Features for CarouselView<\/h2>\n\n\n\n

\u2022  CarouselView.weighted:<\/strong> Enables dynamic layouts within carousels using the flexWeights parameter for various item layouts.<\/p>\n\n\n\n

Small Feature Enhancements and Bug Fixes<\/h2>\n\n\n\n

\u2022  SegmentedButton:<\/strong> New direction property for vertical alignment.<\/p>\n\n\n\n

\u2022  ButtonStyleButton Classes:<\/strong> More icon-related properties added to the styleFrom method for customization.<\/p>\n\n\n\n

\u2022  AppBar:<\/strong> Scroll-under behavior now persists when the navigation drawer opens.<\/p>\n\n\n\n

\u2022  MenuAnchor:<\/strong> Improved focus and resolved several DropdownMenu issues.<\/p>\n\n\n\n

Mixing Route Transitions<\/h2>\n\n\n\n

\u2022  ModalRoutes:<\/strong> More flexible with different page transitions, allowing exit transition builders for synchronized enter and exit transitions.<\/p>\n\n\n\n

Text Selection Improvements<\/h2>\n\n\n\n

\u2022  SelectionArea: <\/h3>\n\n\n\n

Supports Shift + Click gesture on Linux, macOS, and Windows.<\/p>\n\n\n\n

\u2022  RenderParagraph:<\/h3>\n\n\n\n

 Improved text selection behavior after resizing the window and when clicking or tapping outside the text.<\/p>\n\n\n\n

Row and Column Spacing<\/h3>\n\n\n\n

\u2022  Rows and Columns:<\/strong> New spacing parameter to offset children, reducing code complexity.<\/p>\n\n\n

\n
\"Row<\/figure>\n<\/div>\n\n\n

Engine<\/h2>\n\n\n\n

Impeller on Android<\/h3>\n\n\n\n

\u2022  Impeller:<\/strong> Now the default rendering engine on modern Android devices. Users can opt-out and return to Skia renderer if needed.<\/p>\n\n\n\n

Improvements on iOS Devices<\/h2>\n\n\n
\n
\"Improvements<\/figure>\n<\/div>\n\n\n

\u2022  Metal Rendering Surface: <\/h3>\n\n\n\n

New implementation for more consistent raster workloads and stable frame times.<\/p>\n\n\n\n

Framework Wide Gamut Colors<\/h3>\n\n\n\n

\u2022  DisplayP3 Color Space: <\/strong>Support for defining UIs with colors in the DisplayP3 color space on iOS devices.<\/p>\n\n\n\n

Web Improvements<\/h2>\n\n\n\n

\u2022  WebAssembly Compatibility:<\/strong> All Flutter team plugins and packages are now compatible with WebAssembly.<\/p>\n\n\n\n

\u2022  Accessibility Fixes:<\/strong> Improvements for headings, dialogs, passwords, iOS keyboard, links, and scrollables.<\/p>\n\n\n\n

\u2022  Drag Scrolling:<\/strong> Improved in multi-view mode.<\/p>\n\n\n\n

\u2022  Platform Views:<\/strong> Optimized to reduce canvas overlays.<\/p>\n\n\n\n

\u2022  Image Decoding:<\/strong> Now uses <img> element in Safari and Firefox for static images.<\/p>\n\n\n\n

iOS<\/h2>\n\n\n\n

Swift Package Manager<\/h3>\n\n\n\n

\u2022  Swift Packages:<\/strong> Flutter plugins can now leverage Swift packages, reducing the need for Ruby and CocoaPods.<\/p>\n\n\n\n

Android<\/h2>\n\n\n\n

Edge to Edge<\/h3>\n\n\n\n

\u2022  Edge-to-Edge Mode<\/strong>: Enabled by default on Android 15+ devices, running apps in full screen.<\/p>\n\n\n\n

Support for Freeform<\/h3>\n\n\n\n

\u2022  Android Freeform:<\/strong> Allows users to resize app windows, available as a developer option.<\/p>\n\n\n\n

Kotlin Build Script Support<\/h3>\n\n\n\n

\u2022  Kotlin Build Files:<\/strong> Support for build.gradle.kts files and declarative plugin migration for better type safety and maintainability.<\/p>\n\n\n\n

Ecosystem<\/h2>\n\n\n\n

Flutter and Dart Package Ecosystem Summit USA 2024<\/h3>\n\n\n\n

\u2022  Sessions:<\/strong> Topics included Swift Package Manager support, native interop, and sustainable package maintenance models.<\/p>\n\n\n\n

Package Download Counts on pub.dev<\/h3>\n\n\n\n
\"Package<\/figure>\n\n\n\n

\u2022  Download Metrics:<\/strong> New 30-day download count and interactive sparkline chart for package usage trends.<\/p>\n\n\n\n

Pub Workspaces<\/h3>\n\n\n\n

\u2022  Monorepo Support: <\/strong>Launching with Dart 3.6 to support multiple related packages in one repository.<\/p>\n\n\n\n

Automated Publishing from GitHub<\/h3>\n\n\n\n

\u2022  GitHub Actions:<\/strong> Extended to allow automated publishing of Flutter packages to pub.dev.<\/p>\n\n\n\n

Interactive Media Ads Plugin<\/h3>\n\n\n\n

\u2022  IMA Plugin:<\/strong> Integrates multimedia ads into iOS and Android apps with features like linear instream video ad requests and skippable ads.<\/p>\n\n\n\n

In-App Purchase Plugin Updates<\/h3>\n\n\n\n

\u2022  StoreKit 2 Support: <\/strong>Added to the in_app_purchase_storekit package for better subscription management.<\/p>\n\n\n\n

DevTools and IDEs<\/h2>\n\n\n\n

Flutter DevTools Updates<\/h3>\n\n\n
\n
\"Flutter<\/figure>\n<\/div>\n\n\n

\u2022  iOS Deep Link Validation:<\/strong> Added support for validating deep links for Android and iOS.<\/p>\n\n\n\n

\u2022  Offline Data Workflow:<\/strong> Support for exporting network data as .har files and loading memory snapshots for offline viewing.<\/p>\n\n\n\n

\u2022  New Flutter Inspector:<\/strong> Improved usability with a condensed widget tree, inline layout viewer, and flex layout explorer.<\/p>\n\n\n\n

Previews and Experimental Features<\/h2>\n\n\n\n

\u2022  WebAssembly DevTools:<\/strong> Enable for better performance than the default JS-compiled version.<\/p>\n\n\n

\n
\"Previews<\/figure>\n<\/div>\n\n\n

Breaking Changes and Deprecations<\/h2>\n\n\n\n

\u2022  Material Design 3 Tokens: <\/h3>\n\n\n\n

Updated to v6.1 for more visually appealing color roles in Light mode.<\/p>\n\n\n\n

\u2022  Objective-C iOS Projects: <\/h3>\n\n\n\n

Deprecated, with future removal of the –ios-language objc flag.<\/p>\n\n\n\n

\u2022  Deep Link Default Flag: <\/h3>\n\n\n\n

Changed to true, making deep linking opt-in by default.<\/p>\n\n\n\n

Deprecated TextField.canRequestFocus:<\/h3>\n\n\n\n

TextField.canRequestFocus is deprecated. The same functionality can be achieved by setting the canRequestFocus parameter of the TextField’s FocusNode.<\/p>\n\n\n\n

\u2022  Older SDK Support: <\/h3>\n\n\n\n

Deprecating support for Dart SDK versions older than 3.0 (released in May 2023), with removal in Dart 3.7.<\/p>\n\n\n\n

Closing<\/h2>\n\n\n\n

For all breaking changes in this release, see the full list of migration guidance on the breaking changes page<\/a>. Check out the detailed release notes here<\/a>.<\/p>\n\n\n\n

Need help upgrading your Flutter app? Connect with our dedicated Flutter developers team, or simply contact us<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Flutter 3.27, the latest release from Google, brings many exciting features and performance improvements to the Flutter framework. Whether you’re a seasoned Flutter app developer…<\/p>\n","protected":false},"author":19,"featured_media":20320,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1209,1201],"tags":[154,1561,1061,55],"class_list":["post-14602","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","category-flutter-development","tag-flutter","tag-flutter-3-27","tag-flutter-development","tag-news"],"_links":{"self":[{"href":"https:\/\/www.icoderzsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/14602","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.icoderzsolutions.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.icoderzsolutions.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.icoderzsolutions.com\/blog\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/www.icoderzsolutions.com\/blog\/wp-json\/wp\/v2\/comments?post=14602"}],"version-history":[{"count":0,"href":"https:\/\/www.icoderzsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/14602\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.icoderzsolutions.com\/blog\/wp-json\/wp\/v2\/media\/20320"}],"wp:attachment":[{"href":"https:\/\/www.icoderzsolutions.com\/blog\/wp-json\/wp\/v2\/media?parent=14602"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.icoderzsolutions.com\/blog\/wp-json\/wp\/v2\/categories?post=14602"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.icoderzsolutions.com\/blog\/wp-json\/wp\/v2\/tags?post=14602"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}