{"id":4201,"date":"2022-07-19T06:52:14","date_gmt":"2022-07-19T06:52:14","guid":{"rendered":"https:\/\/dianapps.com\/blog\/?p=4201"},"modified":"2022-09-22T06:44:16","modified_gmt":"2022-09-22T06:44:16","slug":"whats-new-in-flutter-2-2","status":"publish","type":"post","link":"https:\/\/dianapps.com\/blog\/whats-new-in-flutter-2-2\/","title":{"rendered":"Flutter 2.2 announced at Google I\/O 2021: Here Are All the New Features"},"content":{"rendered":"

Google I\/O released yet another worthwhile invention\u2013Flutter 2.2 in May 2021 and became the most popular in-demand open-source app development toolkit. The latest version installs many exciting features and improvements that have certainly made even Microsoft use the technology to expand its support. In fact, according to <\/span>Flutter app developers<\/b>, the new Flutter 2.2 unveiled opportunities like monetizing their applications with in-app ads and purchases, APIs that support new app capabilities, and cloud services that connect seamlessly, alongside various new tooling and language feature enabling developers to strike out the whole class of errors, intensify app performance and reduce package size.\u00a0<\/span><\/p>\n

As per the Google reports, over<\/span> 5,00,000<\/b> applications have been deployed using the <\/span>Flutter app development services<\/b><\/a> and the count keeps on increasing every day. And boasts of <\/span>2 million <\/b>developers who have already used the platform to develop apps. Popular brands like eBay, WeChat, My BMW, Grab, etc, are a few top entities that have taken the help of Flutter as their development toolkit.\u00a0<\/span><\/p>\n

Let\u2019s have a deeper acquaintance with the cross-platform facet below.\u00a0<\/span><\/p>\n

Also Read: Why Should You Choose Flutter For Your Next App Project?<\/a><\/strong><\/p>\n

<\/span>Introducing Flutter 2.2\u00a0<\/span><\/span><\/h2>\n

The Flutter 2.2 version focuses on development interface enhancements to help you deliver more dependable, standards-compliant applications to your users.<\/span><\/p>\n

For future initiatives, sound null safety is now the baseline. Null safety protects against null reference occurrences and allows developers to declare non-nullable types in their code. Furthermore, because Dart’s implementation is sound, the compiler may omit null checks at runtime, increasing the efficiency of your programs. The community was fast to respond, with about 5,000 packages previously changed to provide null safety.<\/span><\/p>\n

This version also includes several performance enhancements: for web applications, that provide background caching through service workers; for Android apps, Flutter supports delayed elements; and for iOS, the framework has been working on tools to precompile pigments to prevent or decrease first-run jank. The framework has also improved the DevTools suite with new capabilities that help you determine how capacity is managed in your applications, as well as compatibility for third-party tool plugins.<\/span><\/p>\n

In particular, Flutter has been focusing on a few key areas of refinement, such as better web target compatibility.<\/span><\/p>\n

In addition to that, the team Flutter also worked with other Google teams to incorporate Flutter into a larger developer stack. The framework continues to improve reliable services that assist developers in safely monetizing their apps. This release includes null safety and support for flexible ad layouts for our updated advertisements SDK. We’re also releasing a new payment plugin, developed in collaboration with the Google Pay team, that allows you to accept payment for physical products on both iOS and Android. In addition, we have upgraded our in-app purchases plugin and code lab.<\/span><\/p>\n

With this let\u2019s have a deeper look at Flutter 2.2 with all the newly added features and improvements.\u00a0<\/span><\/p>\n

<\/span>Features and Improvements in Flutter 2.2<\/span><\/span><\/h2>\n

<\/span>Dart 2.13<\/span><\/h4>\n

Flutter 2.2 has a number of enhancements, as does Dart 2.13. It contains the second most often requested feature type aliases, Dart FFI, an update on the null security measure, and so forth.<\/span><\/p>\n

<\/span>Type Alias<\/span><\/h4>\n

Any current type can be given a new name, which can subsequently be used instead of a configuration. Before Dart 2.13, users could establish a type alias for the code; today, this capability has been expanded to the parameters.<\/span><\/p>\n

<\/span>Dart FFI<\/span><\/h4>\n

FFI is a method of invoking C code. In addition, FFI offers a new capability that allows users to wrap an inline collection in dart natively.<\/span><\/p>\n

<\/span>Null Safety Update<\/span><\/h4>\n

If you use Flutter 2.2 to plan in advance, it will now construct a project with null safety by the debtor. Because the majority of plugins have been mitigated to null safety, it is acceptable to convert the Flutter app to sound null safety.<\/span><\/p>\n

<\/span>Flutter Desktop Updates\u00a0<\/span><\/span><\/h2>\n

<\/span>Text-based Actions<\/strong><\/span><\/h4>\n

Flutter now supports a variety of devices with various input types (touch, Mouse+Keyboard). Users may fully configure the keystrokes corresponding with text commands in this edition.<\/span><\/p>\n

This functionality opens up more possibilities for Flutter app developers. For example, it allows users to send a text with the ENTER Key while also permitting them to create a new line with Ctrl + ENTER.<\/span><\/p>\n

<\/span>Automatic Scrolling Behavior<\/strong><\/span><\/h4>\n

When the content exceeds the screen height, a scrollbar is immediately inserted in this edition. Prior to this version for Android and iOS, no scrollbar was dynamically created; the developer had to install it personally.<\/span><\/p>\n

Flutter added scrollbar UI customization with this release. ScrollBarTheme allows you to alter the app-wide and per-screen ScrollBehavior.<\/span><\/p>\n

<\/span>Transactions & Monetization<\/strong><\/span><\/h4>\n

Flutter 2.2 features a new plugin for adding Google Pay on Android and iOS, as well as a new ad format using the Android Advertisements SDK.<\/span><\/p>\n

It is simple to build the payment process on both networks using the official Pay extension from the Google dev team. It is now easier than ever to monetize the app through in-app purchases, transactions, and advertisements.<\/span><\/p>\n

<\/span>Apps for Windows UWP<\/strong><\/span><\/h4>\n

Universal Windows Platform Apps have officially reached alpha in the development channel. UWP programs can run on a variety of devices that traditional Windows applications cannot, including Xbox. To activate UWP compatibility in the project, switch to the Dev version and configure the criteria. Browse its official website for further setup information.<\/span><\/p>\n

<\/span>Dev Tools\u00a0<\/strong><\/span><\/h4>\n

The toolkit is vital since it is the final result that allows developers to create more resource-effective and error-free apps, and the Flutter team understands this very well. In this version, they have included two new memory tracking enhancements and a completely new tab for the ‘cloud service’ plugin.<\/span><\/p>\n

Memory tracking enhancements enable developers to trace down where objects are deployed. Finding a memory leak in programming is quite beneficial. Another appealing feature of the dev tool is the ability to introduce custom messages into the memory timeline. Using this capability, the developer may determine whether or not he is cleaning up appropriately.<\/span><\/p>\n

When you require to find anything in a package, Dev capabilities have you prepared. A new additional tab dedicated to the provider package has been introduced to the dev tool. When you use the provider package with the most recent flutter release, you will notice a new source tab appear.<\/span><\/p>\n

<\/span>Flutter Web Updates\u00a0<\/strong><\/span><\/h4>\n

Flutter offered several changes to the web platform with this version. One of the most significant enhancements is the elimination of the double of main.dart.js. Previous to this version, the service worker downloaded the version, and the user had to refresh the page several times to view the alterations.<\/span><\/p>\n

However, with a new service, consumers just need to wait until an update is downloaded before seeing modifications without having to manually reload the website.<\/span><\/p>\n

Accessibility is another helpful aspect that is being improved. When employing transformations, the Flutter team has enhanced structural node position to bridge the gap between mobile and desktop web apps. This implies that when widgets are stylized with transformations, the focus box should display correctly over components.<\/span><\/p>\n

Finally, Flutter DevTools now supports the configuration browser for<\/span> Flutter Web Apps<\/b>.<\/span><\/p>\n

<\/span>Over To You<\/span><\/span><\/h2>\n

If you are intending to create or transition to a Flutter or cross-platform app and want to take advantage of the new capabilities of Flutter 2.2, DianApps<\/a> is a well-known <\/span>Flutter app development<\/b> firm that can assist you with its rare combination of skills and experience.<\/span><\/p>\n