{"id":8315,"date":"2021-11-03T11:03:42","date_gmt":"2021-11-03T05:33:42","guid":{"rendered":"http:\/\/localhost\/Dhaval\/Blog-multiQoS\/?p=8315"},"modified":"2025-04-23T07:07:47","modified_gmt":"2025-04-23T07:07:47","slug":"what-exciting-about-flutter-2-5-features-and-dart-version","status":"publish","type":"post","link":"https:\/\/multiqos.com\/blogs\/what-exciting-about-flutter-2-5-features-and-dart-version\/","title":{"rendered":"What\u2019s New About Google&#8217;s Flutter 2.5 Update and Dart 2.14 Version?"},"content":{"rendered":"<h2 id=\"id0\"><b>Introduction<\/b><\/h2>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/flutter.dev\/docs\/whats-new\" target=\"_blank\" rel=\"nofollow noopener\">Flutter 2.5 version 2.14 was launched<\/a> on 8th September 2021. In the history of the flutter releases, this one closed 4,600 issues from 256 contributors with 216 reviewers. It is one of the most significant releases by Google. Today, we would be discussing what all is new in this latest version.<\/span><\/p>\n<h2 id=\"id1\"><strong>What\u2019s New In Flutter 2.5?<\/strong><\/h2>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li aria-level=\"1\">\n<h3><strong>Performance\u00a0<\/strong><\/h3>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Flutter 2.5 is remarkable on the performance side. It has made huge performance enhancements, including a PR that efficiently wires up the precompilation of shaders from offline test runs. This useful addition to the version reduces the worst-case farmer raster by two-third.\u00a0\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Flutter 2.5 version 2.14 is reducing iOS jank. It comes with iOS shader warmup, async tasks, GC &amp; message passing.\u00a0 Since, flutter is one of the most dynamic platforms through which you can develop engaging high-end apps for Android and iOS, the interruptions in animations during asynchronous events were a buzzkill for a lot of flutter app developers. In version 2.14, the process is now more streamlined and eliminates janks.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jank increase in GC was another issue, paused UI threads to save memory. With the improvements in the DART language, this can be more optimized. Dart VM did not have optimal efficiency. In a bid to reclaim memory, more GCs came into use, which caused memory-constrained devices to freeze.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Furthermore, for <a href=\"https:\/\/multiqos.com\/ios-app-development\/\">iOS App Development<\/a>, you have another benefit. Flutter apps built on Apple Silicon M1 can run seamlessly on stimulators. App testing has improved and it is a major step on the way to achieving complete support in Flutter for Apple Silicon.<\/span><\/p>\n<p><strong><a class=\"blog-inner-image-link\" href=\"https:\/\/multiqos.com\/blogs\/wp-content\/uploads\/2021\/11\/WHATSN2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"blog-inner-image aligncenter wp-image-8316 size-full\" src=\"https:\/\/multiqos.com\/blogs\/wp-content\/uploads\/2021\/11\/WHATSN2.jpg\" alt=\"Flutter 2.5 \u2014 What\u2019s New In Flutter\" width=\"808\" height=\"300\" srcset=\"https:\/\/multiqos.com\/blogs\/wp-content\/uploads\/2021\/11\/WHATSN2.jpg 808w, https:\/\/multiqos.com\/blogs\/wp-content\/uploads\/2021\/11\/WHATSN2-300x111.jpg 300w, https:\/\/multiqos.com\/blogs\/wp-content\/uploads\/2021\/11\/WHATSN2-768x285.jpg 768w\" sizes=\"auto, (max-width: 808px) 100vw, 808px\" \/><\/a><\/strong><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>\n<h3><strong>Framework\u00a0<\/strong><\/h3>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Flutter 2.5 is one of the most significant versions of Flutter. It comes with multiple improvements. Exclusively for android development, the team at Flutter has resolved a lot of issues.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">flutter app development is more streamlined. It supports full screen and the names of these modes are sticky, sticky immersive, lean back, and edge to edge. This enables Flutter app developers to create more engaging applications, and you can write codes to make an app come in fullscreen at the point of return of the system UI.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can learn more about pull requests on the Flutter GitHub Repository. In flutter 2.5, the developers can make features, inclusive updates, button sizes, and themes using material You. In the latest update, you will find Materialstate.strolled.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Also, during flutter mobile app development you would not be required to write fresh code, and it fetches it directly from scrollMetricNotification.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">With Flutter 2.5 you can also add a material banner to ScaffoldMessanger. It is an upgrade of Flutter 2\u2019s SnackBars and notifications at the bottom of the screen. More to new features, now you can add banners that will stay in place until dismissed. All you have to do is deploy showmaterialbanner process in the scaffodlmessenger.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">As per the guidelines, the app can only show one banner at one time. If showmaterialbanner is called multiple times, the scaffoldmessenger would queue up the request and display it easily from latest to oldest.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Apart from this, the extensive text editing feature like pivot points in text selection and also comes with out-of-the-box features such as halting a keyboard event once deployed.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Other features include overriding of keyboard shortcuts, defaulttexteditingshortcuts can find every keyboard shortcut all across the platform. Flutter shortcuts widgets can also remap shortcuts to custom intent. They are placed anywhere in the widget trees so as to make overriding easy.\u00a0<\/span><\/p>\n<ul>\n<li aria-level=\"1\">\n<h3><strong>Flutter DevTools\u00a0<\/strong><\/h3>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/multiqos.com\/flutter-app-development\/\">Flutter App Development<\/a> for startups is easier than ever with Flutter 2.5, It comes with a variety of upgrades to flutter DevTools. The DevTools provide advanced Flutter engine updates. These updates also provide the benefit of working better while connecting trace events to specific frames. It helps people take control of the development budget and the DevTools frame chart helps to select a frame and dive back to the event timeline of the specific frame.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Furthermore, Flutter 2.5 can also help in the identification of shader compilation events. Flutter DevTools can be deployed to help you in the diagnosis jank by shader compilation. This feature can help in the detection if there is any loss of frames.\u00a0\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can run your app for the first time with flutter run. This would allow you to clear the catch and you can reproduce the first run environments. If you happen to address CPU performance issues you would not get overloaded with data from Dart, flutter libraries, and the engine\u2019s native code.\u00a0 Also, flutter 2.5 supports the functionality of turning off any of these so that you can focus on the coding. There is still scope for improvement in this feature.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can also turn off any of these using CPU Profiler so that you can work on the code. Also for filtering out categories, Flutter 2.5 features a color code theme for easy location on the CPU frame chart, detailing where and when they come from within the system.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The widget inspector is updated in the new version and allows you to hover over a specific widget and evaluate it, view the properties, state, and more.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Also, when you select a widget, automatically it is highlighted in the inspector console. This makes it easy for you to view the properties. If you happen to pause at a breakpoint.\u00a0\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The debug toggle too has added features such as it provides better information on the new icons, labels, and provides tooltips that aid flutter app development companies. The debug toggle button is also more informative, and assists in the developer\u2019s process to build more dynamic applications. Each tooltip would lead to feature documentation.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Scanning and locating widgets are often used in the development process. The widgets are color-coded based on the type and also provide a content preview. Down the line, the color scheme alignment of the layout explorer has easy identification which enhances a developer\u2019s experience.<\/span><\/p>\n<ul>\n<li aria-level=\"1\">\n<h3><strong>IntelliJ\/ Android Studio<\/strong><\/h3>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Outstanding feature of Flutter 2.5, the IntelliJ \/ Android Studio plugin is something that stands apart. Now developers have added a facility to run the integration and unit tests from testwidgets().\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you want to run an integration test or connect the test with Android studio, you can now also run a configuration to launch the test and connect with a device. Running the configuration is facilitated for making the testing process much easier. Now it is streamlined, inclusive of setting stepping and breakpoints.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Flutter 2.5 also allows the developers to see the information for integrations and unit tests. The features is also easily accessible through a button on the toolbar. The Flutter 2.5 also displayed the coverage info in the form of red and green bars, making it much easier to identify what has been tested and whatnot.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In the gutter editor, the coverage information is displayed using red and green bars. Flutter 2.5 can also preview icons used from packages from pub.dev\u2019s true type font files.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In flutter 2.5, you can enable icon previews by telling the flutter plugin which package is the one that you are using. There is also a new text field on the preferences\/ plugin setting page.<\/span><\/p>\n<h2 id=\"id2\"><b>About 2.14 version<\/b><\/h2>\n<p><strong><a class=\"blog-inner-image-link\" href=\"https:\/\/multiqos.com\/blogs\/wp-content\/uploads\/2021\/11\/WHATSN1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"blog-inner-image aligncenter wp-image-8317 size-full\" src=\"https:\/\/multiqos.com\/blogs\/wp-content\/uploads\/2021\/11\/WHATSN1.jpg\" alt=\"Dart 2.14 Release\" width=\"808\" height=\"300\" srcset=\"https:\/\/multiqos.com\/blogs\/wp-content\/uploads\/2021\/11\/WHATSN1.jpg 808w, https:\/\/multiqos.com\/blogs\/wp-content\/uploads\/2021\/11\/WHATSN1-300x111.jpg 300w, https:\/\/multiqos.com\/blogs\/wp-content\/uploads\/2021\/11\/WHATSN1-768x285.jpg 768w\" sizes=\"auto, (max-width: 808px) 100vw, 808px\" \/><\/a><\/strong><\/p>\n<ul>\n<li aria-level=\"1\">\n<h3><b>Visual Studio Code\u00a0<\/b><\/h3>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Flutter 2.5 also has improved the Visual Studio Code plugin. Two of the outstanding addons are Dart: Add Dependency and Dard: Add Dev Dependency.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">These two new commands offer type-to-filter convenience for the list of packages from pub.dev.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Another interesting feature, \u201cFixAll\u201d can help a developer to fix all the issues that Dart.fix can, this includes the file that is currently open and this all fixed in a single step.\u00a0\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">By adding source.fixAll to the editor.codeActionOnSave Vs Code Setting. If you want to preview you can run command such as Dart.previewVsCodeTestRunner. This would help you view all the test runs.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Flutter 2.5\u2019s Visual Studio Code test runner would appear very different from the familiar Dart\u2019s test runner. The new gutter sports icons display the state of the test and are clickable for facilitating the test\u2019s running. A right-click would also give you a handly drop-down of the context menu. <\/span><\/p>\n<ul>\n<li aria-level=\"1\">\n<h3><strong>Tools\u00a0<\/strong><\/h3>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Flutter was an efficient technology, but a lot of developers complained about the features and found development exhaustive on the earlier versions. Like earlier, the framework did not allow the expectations to go through, and the framework would cancel the unhandled expectation situation. But now they can trigger a debugger.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The Flutter 2.5 debuggers are now efficient in breaking correctly on unhandled expectations. Also, the experience is much improved, given that the developers are now capable to identify the throwing line of code. Also,\u00a0 the all-new Flutter 2.5 enables developers to choose whether a FutureBuilder should swallow or rethrow errors.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Now, Flutter 2.5 also has a better template accessible through <\/span><span style=\"font-weight: 400;\">$ Flutter create -t skeleton my_app. It creates a double-page list view Flutter App following community standards and practices. The template also offers reviews to offer a better base for building feature-rich, high-performance apps such as an enterprise-grade app. There are ChangeNotifier to connect with and work on multiple widgets. The features are:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Default localizations generations by default<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Feature-first organization\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Shared preferences\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Double theme\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Navigation and more\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Furthermore, for plugin development, you can use Pigeon a code generator tools that help you get typesafe interoperable code between the host platform and Flutter. Pigeon also helps you defile APIs and generate skeleton code for Java, Dart, and Object-C. It can be used with Flutter 2.5 and provides more messages, return types, primitive data types as arguments.<\/span><\/p>\n<h2 id=\"id3\"><strong>Wrapping<\/strong> <strong>Up<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Flutter 2.5 is a highly significant version of Flutter. It has some major improvements and also the improvements in Dart are promising. The version comes with amazing features such as improved Visual code studio, Android Studio, and also makes it very easy for the developers to build efficient, feature-rich mobile applications. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">This quality of framework would make is more convenient for developers to focus on the performance of the application while making the development less exhaustive, and more quality-driven. <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Flutter 2.5 version 2.14 was launched on 8th September 2021. In the history of the flutter releases, this one closed 4,600 issues from 256 contributors with 216 reviewers. It is one of the most significant releases by Google. Today, we would be discussing what all is new in this latest version&#8230;&#8230;.<\/p>\n","protected":false},"author":2,"featured_media":8318,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[],"class_list":["post-8315","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news-events"],"acf":[],"_links":{"self":[{"href":"https:\/\/multiqos.com\/blogs\/wp-json\/wp\/v2\/posts\/8315","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/multiqos.com\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/multiqos.com\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/multiqos.com\/blogs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/multiqos.com\/blogs\/wp-json\/wp\/v2\/comments?post=8315"}],"version-history":[{"count":5,"href":"https:\/\/multiqos.com\/blogs\/wp-json\/wp\/v2\/posts\/8315\/revisions"}],"predecessor-version":[{"id":17123,"href":"https:\/\/multiqos.com\/blogs\/wp-json\/wp\/v2\/posts\/8315\/revisions\/17123"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/multiqos.com\/blogs\/wp-json\/wp\/v2\/media\/8318"}],"wp:attachment":[{"href":"https:\/\/multiqos.com\/blogs\/wp-json\/wp\/v2\/media?parent=8315"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/multiqos.com\/blogs\/wp-json\/wp\/v2\/categories?post=8315"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/multiqos.com\/blogs\/wp-json\/wp\/v2\/tags?post=8315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}