Global Selection

Until now, when trying to select the text, Flutter web apps didn’t behave as expected.

Now, everything is different!

Any child of the SelectableArea widget now has selection enabled at no additional cost thanks to the release of the SelectableArea widget!

Let’s test it out by launching the command below to create a new project.

flutter create --sample=material.SelectionArea.1 example_selection_area

Wrap your route body (such as the Scaffold) with the SelectionArea to take advantage of this powerful new feature, sit back and let Flutter take care of the rest.

Trackpad input

Trackpad input is better supported by Flutter 3.3. This not only offers a more profound and smoother level of control, but in some circumstances, it also lessens misinterpretation. Because Flutter is delivering the “scrolling” action, which isn’t recognized by the cards but is by the scroll view, scrolling on a trackpad correctly scrolls the list after upgrading to Flutter 3.3.

For more information, see the Flutter Trackpad Gesture

Scribble

On supported iPad models, you can use Apple Pencil and Scribble to enter text. Without opening or using the onscreen keyboard, you can quickly reply to a message, write yourself a reminder, and more. Scribble converts your handwriting to text directly on your iPad, so your writing stays private.

The incredible contributions of community member fbcouch have enabled Flutter to support Scribble handwriting input on iPadOS using the Apple Pencil.

Let’s give it a shot. Just use Flutter 3.3 to rebuild any of your current projects.

It works :)

Text input

This release adds the capability to get precise text updates from the platform’s TextInputPlugin, which will help support rich text editing. TextEditingDeltas and DeltaTextInputClient bridge the information gap left by the TextInputClient, which previously just returned the new editing state with no delta between the old and new. You can create an input field with stylistic ranges that enlarge and decrease as you type if you have access to these deltas.

To learn more, check out the Rich Text Editor demo.

Material Design 3

More Material Design 3 components are being migrated to Flutter by the Flutter team. Updates to IconButton, Chips, and the large and medium AppBar versions are all included in this release.

Now in your main.dart file set useMaterial3: true inside ThemeData

...
@override
Widget build(BuildContext context) {
  return MaterialApp(
    title: _title,
    theme: ThemeData(
      useMaterial3: true,
    ),
    home: SelectionArea(
      child: Scaffold(
...

Checkout demo app

IconButton

Chip

Medium and large AppBar

We have to useCustomScrollView for SliverAppBar.medium and set useMaterial3: true inside ThemeData

For large AppBar just change SliverAppBar.medium to SliverAppBar.large

Windows

Previously, a file related to the Windows program was used to set the version of the Windows desktop application. The way other systems established their versions was different from this behavior.

`Versions of Windows desktop applications can now be changed using the build parameters and pubspec.yaml file in your project.

This makes it simpler to enable automatic updates so that your end users can receive the most recent version of an application when a new version is pushed.

Summary

There are tons of more features, performance improvements, DevTools updates, cache improvements, Stability, API improvements, Changes to supported platforms, and more. You can read about it all in the official article here.

Checkout a quick video for Global Selection & Scribble in Flutter 3.3