What is New in Flutter 3.3?

This blog post discusses the latest updates in Flutter 3.3 and how it is an excellent time for Flutter app development companies to improve and speed up their development process. It also highlights the features and frameworks updates, such as global selection, text input, scribble update, and trackpad input. Furthermore, the blog talks about the Material Design 3 theme engine and changes in widgets such as IconButton and Chip, and medium and large App bar. Additionally, the post sheds light on the changes in packages and desktop, specifically Windows and MacOS. Want quick update? See the video too.

author

By Dhruv Joshi

21 Nov, 2022

Flutter, as always, releases great new updates. It's always an excellent time for a Flutter app development company to improve and speed up its development the process with such a significant update. It's also a great time to take advantage of the new updates, features, and framework updates by hiring a Flutter developer .

We also have a video about Flutter 3.3 if you want to get quick information about Flutter's new updates.

Watch our Youtube Video- Flutter 3.3: What's new?

Let's see what Flutter 3.3 got in the new release.

What's New in Flutter 3.3?

This section will cover all the necessary updates related to features and frameworks.

The Global Selection Update

The critical feature that Flutter app development companies should have noticed is the flexibility to choose elements on a web app with a single selection or sweeping gesture. But now it's possible with Flutter 3.3 with a new widget called SelectionArea.

class=wp-image-8216/

Now Flutter developers can wrap the Scaffold (your route body) with the SelectionArea widget. That's it.

Text Input

This new update for the framework TextInputPlugin can send granular text updates to improve the support for rich text editing.

Before this update, the TextInputClient could not reflect any delta between the old and new editing states. Still, this is done by filling a gap between DeltaTextInputClient and TextEditingDeltas.

With the help of DeltaTextInputClient and TextEditingDeltas, Flutter developers can now input fields with stylized ranges and change the size they type.

Scribble Update

It's a dream come true for Flutter developers, as they wish to have such an update in this release. Now Flutter developers using TextField, EditableText, and CupertinoTextField, can get the functionality of the scribble where they can input from an Apple pencil or iPad and convert them to text.

The Scribble functionality will turn on automatically if you use the above widgets.

class=wp-image-8218/

Trackpad Input

The trackpad input also improved, with its smoother and quicker control. Now it can minimize the number of misinterpretations in some cases. It's good news for the Flutter app development company and developers to improve the coding speed.

To access the DartPad instance, scroll to the bottom of the page and take the following actions:

  • Small down the window to see the upper part of a scrollbar
  • Hover your cursor over the top
  • Scroll using a trackpad
  • Scrolling on a trackpad drags the item before installing Flutter 3.3 because Flutter sends simulated general events.
  • Because Flutter delivers the scrolling gesture, which isn't recognized by the cards but is by the scroll view, scrolling on a trackpad correctly scrolls the list after installing Flutter 3.3.

Material Design 3

The Android 12 system evolved, and Flutter is not back. Flutter 3.3 got new upgrades related to the theme engine named ''material''.

The latest version of Flutter changes the material design of widgets like Chip, IconButton, and a variant of AppBar. Widgets are continuously migrating to the Material Design 3 theme.

IconButton

class=wp-image-8219/

Chip

class=wp-image-8220/

Medium And Large App bar

class=wp-image-8223/ class=wp-image-8222/

Changes In Packages: Flutter 3.3

Go_router

Go-router in this release eases the navigation of complex areas. The Flutter team, as always, did a great job as they made it simpler to handle and browse deep links with a declarative and URL-based API.

Changes to Desktop: Flutter 3.3

Windows

In the previous version of Flutter, the makers changed the Flutter Desktop app version only to Windows apps. But with the new update, now Flutter developers can change the app versions by pubspec. yaml and projects build arguments.

Performance Improvements in Flutter 3.3

Raster Cache Improvements

In this latest update, the performance of loading images from assets is improved by minimizing Dart garbage collection demand and removing duplicates.

In previous versions, the ImageProvider API needed compressed data to load asset images. But now, if you hire flutter developers, they can directly put the compressed image into the decoding structure, all thanks to ui.ImmutableBuffer.fromAsset.

Also, some processes related to scheduling overhead by the channel-based loader is quicker. As shown in the picture, there are 2-time improvements in image loading times.

class=wp-image-8225/

Rendering Layer Changes: Flutter 3.3

Impeller

Flutter entirely ran on the Skia Graphics engine, as it gave it the power to function in the previous beta testing phase.

Now the Flutter team has come up with a new rendering layer. The new layer name is Impeller. It maximizes the performance of hardware-accelerated APIs.

This new graphics engine will elevate the standard of expectations, and it doesn't require runtime shader compilation. In short, it's terrific news for Flutter developers.

VS Code Extension Changes: Flutter 3.3

class=wp-image-8226/

The VS Code extension Dart: Add Dependency made it easy to add third-party resources to any Flutter project. It makes it easy for Flutter developers and a Flutter app development company to speed up the development process.

DevTools Updates: Flutter 3.3

DevTools in this release come with several updates from the last Flutter stable release. The new release comes with UX and performance improvements in data display for smoother and faster scrolling.

You can see a complete list of updates since Flutter 3.0 here:

iOS Pinter Compression Disabled

Dart's pointer compression on iOS was enabled in the previous stable release. But there was a problem with optimization. The consequence was with the memory. The Dart's pointer was consuming and reserving more memory.

The problem was that total memory was less available, and other components could not use more memory.

Also, disabling the pointer compression can increase memory consumption by dart objects. Still, it makes the total available memory usable for the dart parts of the Flutter app. That is more desirable than enabling it.

API Updates

PlatformDispatcher.onError

Flutter's previous releases had a custom configuration facility zone for catching all app's errors and exceptions. But the zone made slowed down the app's startup time.

So, in this release, Flutter developers can catch all errors and exceptions instead of using a custom zone by calling the PlatformDispatcher.onError callback.

FragmentProgram changes

Fragment shaders are created in GLSL and listed in the shaders section of a pubspec.yaml file for an application will now be automatically converted to the engine's preferred format and packaged with the application as an asset.

This change eliminates the need for third-party tools to compile shaders manually. In the future, you should think of the Engine's FragmentProgram API as only accepting the output of Flutter's build tooling. Although it isn't yet the case, this modification is scheduled for a later release.

Fractional Translation

Because it enhanced rendering performance on earlier (32-bit) model iPhones, the Flutter Engine always aligned composited layers to precise pixel boundaries. Adding desktop support caused observable snapping behavior, as screen device pixel ratios are frequently much lower.

For instance, tooltips could visibly snap when fading in on low DPR screens. After knowing that pixel snapping was no longer necessary for performance, the The Flutter team removed it from the Flutter Engine to enhance the desktop fidelity.

Supported Platform Changes

32-bit iOS Deprecation

This Flutter 3.3 release is the last to support 32-bit iOS devices and iOS 9 and 10.

Apple iOS devices like iPhone 4S, iPhone 5, iPhone 5C, and iPad 2nd, 3rd, and 4th generation devices are all impacted by this modification. 32-bit iOS gadgets and iOS versions 9 and 10 are no longer supported by Flutter 3.3 and all subsequent stable releases. Apps created for Flutter 3.3 and later won't function on such devices.

Closing Support for macOS 10.11 and 10.12

The Flutter team anticipated removing support for macOS systems 10.11 and 10.12 in the Q4 2022 stable release. The minimum macOS version maintained by Flutter will rise to version 10.13 High Sierra, and apps created using stable Flutter SDKs won't function on these versions after that date.

Bitcode Deprecation

In the upcoming Xcode 14 release, bitcode will no longer be recognized for iOS app submissions and projects with bitcode enabled will issue a build warning. As a result, Flutter will discontinue bitcode support in a subsequent stable release.

The Flutter team doesn't anticipate that many developers will be impacted by the fact that bitcode is not enabled by default in Flutter apps. However, as Flutter developers upgrade to XCode 14, and turn off any bitcode you manually enabled in your XCode project.

Flutter developers can follow this: Open iOS/Runner.xcworkspace and change the build setting. Enable Bitcode to No to accomplish this. Developers of add-to- apps should turn it off in the parent XCode project.

class=wp-image-8227/

You can get detailed information on this from Apple's documentation.

There are more detailed updates about Flutter 3.3; you can find Flutter 3.3 release notes here.

Also read: Future of Flutter in 2022 & Beyond

Flutter 3.3: It's Not the Final Update!

The Flutter team at Google will continue improving it for Flutter developers, the Flutter app development company and the community. So far, we are excited about it and have already started benefiting from it in our development process.

Also Read Blog: Exploring Beyond Flutter: An In-Depth Discussion on Flutter Flow

FAQs About Flutter 3.3

Q1: What Are the Latest Features in Flutter 3.3?

Some of the new features in Flutter 3.3 include:

  • New web rendering engine (Hummingbird) with improved performance and support for CanvasKit
  • Improved hot reload performance for faster iteration cycles
  • Support for macOS Monterey and Windows 11
  • Enhanced accessibility features, including new semantics options for images and buttons
  • Improved Dart analysis and code completion in VS Code and Android Studio
  • Updated Material Design widgets and support for elevation overlays

Q2: How Can I Upgrade to Flutter 3.3?

To upgrade to Flutter 3.3, follow these steps:

  • Update your Flutter SDK using the command ‘flutter upgrade'
  • Update your Flutter project to Flutter 3.3 by updating the 'flutter. SDK property in your project's 'pubspec.YAML file
  • Run 'flutter clean' to clear any cached build artifacts
  • Run 'flutter run' to build and run your project using Flutter 3.3

Q3: What Are the Main Benefits of Using Flutter for Mobile App Development?

Flutter offers several benefits for mobile app development, including:

  • Cross-platform development from a single codebase
  • High-performance and natively compiled applications
  • Faster development cycles with hot reload
  • Rich and customizable widget library
  • Access to native APIs and third-party libraries
  • Strong and expressive programming language (Dart) with modern features

Q4: How Does Flutter Stack Up Against Other Frameworks for Developing Mobile Apps?

Flutter has several advantages over other mobile app development frameworks, including:

  • Cross-platform development from a single codebase (unlike native development or hybrid frameworks like React Native)
  • High-performance and natively compiled applications (unlike hybrid frameworks that use webviews)
  • Faster development cycles with hot reload (unlike native development or most hybrid frameworks)
  • Rich and customizable widget library (unlike many hybrid frameworks)
  • Strong and expressive programming language with modern features (unlike some other frameworks with less mature languages)

Q5: Can Flutter 3.3 Be Used for Game Development?

Yes, Flutter 3.3 can be used for game development. While Flutter is primarily designed for building mobile, web, and desktop applications, it is possible to build games using the framework. Several game engines and libraries are available for Flutter, such as Flame and Rive.

Q6: What Are the System Requirements for Flutter 3.3?

The system requirements for Flutter 3.3 vary depending on the platform you are developing for. For example, to create for Android, you will need a machine running Windows (7 or later), macOS (10.9 or later), or Linux (64-bit). You must also install Android Studio or IntelliJ IDEA with the Flutter and Dart plugins. For iOS development, you will need a Mac running macOS (10.14.4 or later) and XCode 12.0.

Tags

flutter latest features

flutter 3.3 features

Flutter 3.3 updates

Flutter 3.3

Similar blogs

blog

Technology

5 min

Top 10 Flutter Best Practices to Follow in 2024

Discover the top 10 Flutter best practices for 2024, essential for streamlined app development. From well-defined architecture to efficient state management with Flutter BLoC, optimize code quality and performance. Adapt these best practices to expedite development and reduce costs. Ready to turn your ideas into reality? Consider hiring Flutter app development services for your next project.

author
blog

Technology

5 min

iOS App Development Cost: In-Depth Analysis and Breakdown

Discover the ins and outs of iOS app development cost in this comprehensive analysis. From understanding key factors influencing expenses to common pricing models and hidden costs, gain valuable insights to make informed decisions for your project. Learn how to optimize iPhone app development cost without compromising quality and find the right iOS App Development Company. Read more on our blog now!

author
blog

Technology

7 min

Top 6 Flutter App Development Companies in USA- Discover!

Looking to build a Flutter app but not sure which development company to choose? Look no further! In this blog, we've curated a list of the top 6 Flutter app development companies in the USA. From their expertise to client satisfaction, discover what sets these companies apart and why they're leading the pack in Flutter app development. Whether you're a startup or a Fortune 500, these companies have the skills and experience to bring your app idea to life.

author

Let’s Start a conversation!

Share your project ideas with us !

Talk to our subject expert for your project!

Feeling lost!! Book a slot and get answers to all your industry-relevant doubts

Subscribe QL Newsletter

Stay ahead of the curve on the latest industry news and trends by subscribing to our newsletter today. As a subscriber, you'll receive regular emails packed with valuable insights, expert opinions, and exclusive content from industry leaders.