Flutter 2.5 Update — Material Widgets, Full Screen Support, a brand new App Template and other braking changes

Ozan Taskiran
3 min readSep 9, 2021

--

Flutter 2.5 is out

Flutter is constantly changing, bringing new changes, improvements and surprises every time. With 2.5 we get changes to Material Widgets like the FloatingActionButton or the Material Banner, Fullscreen Mode, Scrolling and much more. Let’s get started!

Fact check

This is one of the biggest releases with Flutter, with the 2nd highest stats in the history of Flutter releases. Over 4600 issues closed and 3932 PRs merged from 252 contributors with 216 reviewers.

Full Screen Support

This adds support for varying Android fullscreen modes, which affect the visibility of system ui overlays like the status and bottom navigation bars. You can distinguish between lean, back, sticky, sticky immersive, and edge to edge. This change also added a way to listen to fullscreen changes in the other modes.

Source: https://medium.com/flutter/whats-new-in-flutter-2-5-6f080c3f3dc

FloatingActionButton

Everybody knows them: The FloatingActionButtons. In this release the FloatingActionButtons got the v3 specification, including changes to the size andthe theming.

Source: https://medium.com/flutter/whats-new-in-flutter-2-5-6f080c3f3dc

App-Template

Say goodbye to our loved counter app. With Flutter 2.5 we get this beautiful app-template that follows community best practices. Beginners can take this app as a template to create new beautiful projects!

Sliver Scrolled Under

With the MaterialState.scrolledUnder you can create something like this:

Source: https://medium.com/flutter/whats-new-in-flutter-2-5-6f080c3f3dc

Sample Code for this can be found here: https://github.com/flutter/flutter/pull/79999

Material Banner

Now we have it, the Material Banner! You can display a material banner at the top of the screen to inform the user about important things.

Source: https://medium.com/flutter/whats-new-in-flutter-2-5-6f080c3f3dc

Camera Plugin

Many changes and bug fixes came with the 2.5 in the Camera Package. You can see the list in the official release blog: https://medium.com/flutter/whats-new-in-flutter-2-5-6f080c3f3dc

Widget Inspector

The often used Widget Inspector has also received its changes. The widget inspector now allows you to analyze the object, view properties, widget state, etc.

Source: https://medium.com/flutter/whats-new-in-flutter-2-5-6f080c3f3dc

It also comes with a facelift

Source: https://medium.com/flutter/whats-new-in-flutter-2-5-6f080c3f3dc

Visual Studio Code: dependencies commands

New commands have been added: “Dart: Add Dependency” and “Dart: Add Dev Dependency”. With this you can show a type-to-filter list of packages from pub.dev to add them in your pubspec.yaml file. To fix dart related errors we have the Fix All Command, yey!

add dependency

Source: https://medium.com/flutter/whats-new-in-flutter-2-5-6f080c3f3dc

fix all

Source: https://medium.com/flutter/whats-new-in-flutter-2-5-6f080c3f3dc

And many other cool things

There are many more changes that this Flutter update brings. If you want more information about the changes, check out here, where everything is explained in detail. And now have fun with fluttering!

If you want to learn more about Flutter, check out my other articles where I explain everything in detail and understandable for everyone!

If you liked this article, then leave me a 👏 there! If you have any questions or suggestions, feel free to leave me a comment ;)

And now have fun developing!

--

--