{"id":34665,"date":"2023-02-13T09:00:02","date_gmt":"2023-02-13T09:00:02","guid":{"rendered":"https:\/\/www.carmatec.com\/?p=34665"},"modified":"2023-09-25T05:45:12","modified_gmt":"2023-09-25T05:45:12","slug":"whats-new-in-flutter-3-3-latest-updates-features","status":"publish","type":"post","link":"https:\/\/www.carmatec.com\/blog\/whats-new-in-flutter-3-3-latest-updates-features\/","title":{"rendered":"What’s New in Flutter 3.3?: Latest Updates & Features"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Being a part of the development industry at this time is a wonderful experience. The name of the game is constant change and frequent upgrades. We always look forward to major updates, and this time, we’ll be checking out Flutter.<\/span><\/p>\n

If you are a developer, you probably know about Flutter – a cross-platform<\/a>, open-source framework that changed the way mobile apps<\/a> were developed. There has been a continual growth in both the size and usage of the ecosystem. On top of the use on desktops and the web, over 1000 Flutter apps are released each day in the App Store and Play Store.<\/span><\/p>\n

The momentum has not slowed down since the release of Flutter 3.0 three months ago. Flutter keeps improving with every new version released by the Flutter team.<\/span><\/p>\n

A new version of Flutter has been released – Flutter 3.3<\/a>.<\/span><\/p>\n

In today’s post, we will discuss the latest update that brings a variety of improvements.<\/span><\/p>\n

There is a lot to unpack with every new release. Here is a fine-tuned version of this revolutionary framework for you to explore!<\/span><\/p>\n


<\/b>

<\/p>\n<\/h3>\n

What\u2019s New in Flutter 3.3?<\/b><\/h2>\n

In Oslo, Norway, Flutter Vikings began on August 31, with the <\/span>release of Flutter 3.3<\/b>. It includes a number of fixes, upgrades, and new features, including improvements in framework, performance, desktop support, rendering layer, and stability.<\/span><\/p>\n

For your better understanding, we are going to discuss each improvement in detail as it relates to its distinct scopes. Take a look at them below.<\/span><\/p>\n

Selection on a global scale<\/strong><\/h4>\n

Flutter web apps do not have a native feature that allows users to select elements with a single gesture. The situation has changed today with the introduction of Flutter 3.3. We now have a new widget called Selection Area that makes selecting elements in our Flutter Web App much easier. The descendants of this tree are now selectable. Check out the Selection Area API documentation for more information about the widget.<\/span><\/p>\n

Trackpad Input<\/strong><\/h4>\n

There are also some changes to the trackpad input in Flutter 3.3. There is now a better and faster way to control the trackpad. In addition, it also eliminates scrolling inconsistencies. Check out the document shared by the Flutter team for more information about trackpad input improvements.<\/span><\/p>\n

Scribble<\/strong><\/h4>\n

How would it be if Flutter Applications<\/a> could take advantage of Apple Pencil input on your iPad? It’s finally here! The credit goes to Jami Couch, a member of the Flutter Community. On Widgets like CupertinoTextField, TextField, and EditableText, the Scribble feature is enabled by default. The only thing you need to do is upgrade your Flutter version to Flutter 3.3.<\/span><\/p>\n

Text Input<\/strong><\/h4>\n

Flutter’s latest version offers granular text updates through TextInputPlugin, which improves rich text editing. This allows developers to create input fields with different styled ranges that expand and contract as the user types. The demo can be viewed here.<\/span><\/p>\n

Material Design 3:<\/strong><\/h4>\n

Android theming has evolved since Android 12 introduced Material You, a dynamic theme engine. Material Design<\/a> is becoming more integrated into the Android OS as it develops. As soon as those updates are released, Flutter catches up. Material Design has been modified in Flutter 3.3 for widgets like IconButton, Chip, and AppBar variants.<\/span><\/p>\n

Material Design 3 themes are gradually being migrated to more widgets. The progress of Material 3 is available on Github<\/a>.<\/span><\/p>\n

Flutter For Desktop:<\/b><\/h4>\n

Windows<\/strong><\/p>\n

In the past, you had to change a file that was specific to Windows Applications to set the version of your Desktop Application based on Flutter. Fortunately, that has changed today with the release of an update that makes it easier to edit the pubspec.yaml file for a project.<\/span><\/p>\n

As a result, the platform version is set in accordance with other platforms as well. Check out the Flutter Docs for more information about this feature.<\/span><\/p>\n

Next-Generation Rendering Layer: Impeller<\/b><\/h4>\n

If you’ve been following Flutter since its beta days, you’re probably familiar with Skia Graphics Engine. All of Flutter is powered by the Graphics engine, which makes it capable of performing as well as it does.<\/span><\/p>\n

The Flutter Team released Flutter 3.3, a new rendering layer called Impeller; A runtime capable of fully exploiting hardware-accelerated APIs like Metal for iOS<\/a> and Vulkan for Android<\/a>.<\/span><\/p>\n

Flutter applications will now feature even silkier animation thanks to a new graphics engine. A cross-platform toolkit will be held to a higher standard. In addition, Impeller does not require runtime shader compilation, which is the main source of frame time janks in our apps.<\/span><\/p>\n

As To ensure that you are running the latest version of Flutter, switch to the master channel of Flutter so you can test the latest graphics engine capabilities.<\/span><\/p>\n

Packages:<\/strong><\/h4>\n

With the latest and greatest updates, Flutter continues to get stable updates on different platforms, including mobile, desktop, and the web. The more updates there are, the more complicated things become. Navigation is a big complexity. When it comes to complex navigations, we often scratch our heads, but thanks to the go router package, things just got a little easier. The Flutter Team manages the package. Packages simplify navigation and handling deep links by providing a declarative, URL-based API. Navigating and routing can be learned here.<\/span><\/p>\n

Improvements to the VSCode extension<\/strong><\/p>\n

We can all agree that Dart: Add Dependency VS Code Extension makes adding third-party packages to our projects very easy. Adding multiple packages at the same time has just gone one step further with the ability to separate the names of the packages with a comma.<\/span><\/p>\n

Summary<\/b><\/h3>\n

As Google’s Flutter team is extremely grateful for the tremendous work the community contributes to make Flutter what it is! As we continue to iterate on the work done so far, we look forward to focusing on what matters most – all of you!<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Being a part of the development industry at this time is a wonderful experience. The name of the game is constant change and frequent upgrades. We always look forward to major updates, and this time, we’ll be checking out Flutter. If you are a developer, you probably know about Flutter – a cross-platform, open-source framework […]<\/p>\n","protected":false},"author":4,"featured_media":34708,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,70,7],"tags":[],"class_list":["post-34665","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-flutter","category-mobile-app-development"],"_links":{"self":[{"href":"https:\/\/www.carmatec.com\/wp-json\/wp\/v2\/posts\/34665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.carmatec.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.carmatec.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/wp-json\/wp\/v2\/comments?post=34665"}],"version-history":[{"count":17,"href":"https:\/\/www.carmatec.com\/wp-json\/wp\/v2\/posts\/34665\/revisions"}],"predecessor-version":[{"id":34799,"href":"https:\/\/www.carmatec.com\/wp-json\/wp\/v2\/posts\/34665\/revisions\/34799"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/wp-json\/wp\/v2\/media\/34708"}],"wp:attachment":[{"href":"https:\/\/www.carmatec.com\/wp-json\/wp\/v2\/media?parent=34665"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.carmatec.com\/wp-json\/wp\/v2\/categories?post=34665"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.carmatec.com\/wp-json\/wp\/v2\/tags?post=34665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}