Jan 26
Flutter Forward 2023: What’s new in version 3.7
There are a lot of updates coming for Material 3, upgrades for Flutter web, improvements for iOS and more!
At the Flutter Forward event, the team announced many exciting upcoming features and improvements. This updated version will take your app development to the next level.
In this article, we will be highlighting the top 5 updates in the latest version of Flutter, version 3.7.
The latest release of Flutter 3.7 brings you a variety of new widgets and tools as well as enhanced performance and stability. With Flutter 3.7, you can take your app development to greater heights
In the next couple of years, Flutter Forward will set the direction for Flutter and Dart. There are over 5 million Flutter developers and 700 000 apps published using Flutter. Google Classroom and Pubg Mobile have even integrated Flutter into their own applications. This was a very busy event with a lot of awesome announcements and improvements, so let’s jump right into it.
flutter 3.7 is available now and you can upgrade with flutter upgradecommand.
Enhanced Material 3 Support
Get ready to elevate your app design to new heights with the latest version of Flutter’s material design! With Flutter 3.7, more widgets have been migrated to Material 3, giving you access to a whole new world of colour schemes and components. And the best part? It’s so easy to use!
The main highlight of Material 3 was Dynamic coloration, and now thanks to theme extensions, you can implement content-based Dynamic colouring.
All you have to do is go into your Material App’s theme data and set “use Material 3” to “true” to start designing your apps with Material 3.
MaterialApp(
theme: ThemeData(
useMaterial3: true,
colorSchemeSeed: Colors.blue,
),
);And if you’re looking for some inspiration, check out the Flex Colour Scheme Package, it comes with over 50 pre-built themes that you can easily customise to your liking. Plus, there’s a playground web app for you to test it out and ensure everything is perfect! I love how you can customise widgets and copy the theme code directly into your app. And don’t forget to check out the documentation for tutorials on how to use it. Trust me, this is a game-changer for app design.
Top menus and drop-down menus
with this latest updates of flutter you can now create menu bars and cascading context menus that are sleek, professional, and fully customisation. Whether you’re building for macOS or any other platform, Flutter has got you covered. The new PlatformMenuBar widget allows you to create native menu bars for macOS, and for all platforms, you can create Material Design menus with cascading menu bars or standalone cascading menus that can be triggered by any user interface element. But that’s not all, you can also customise menu items using custom widgets or the new menu item widgets. This is a game-changer for app navigation and design, it’s going to take your apps to the next level. So don’t wait any longer, start exploring these new features and take your app to the next level of excellence!
Impeller
initially skia was used as a graphics rendering engine but now flutter team is heavily investing on new graphics rendering engine impeller due to some limitations,for that you can checkout here
this new rendering engine has made significant enough progress to now be ready for developers to test it with their iOS apps.
Custom fragment Shader support
the custom fragment Shader support in Flutter 3.7 is off the charts! With this new feature, you can add some seriously sick effects to your apps and even build games! Just take a look at all the cool stuff people have built using this feature. The possibilities are endless! But don’t just take my word for it, go out there and learn how to build awesome effects with shaders too. Trust me, it’s going to be a wild ride, and your apps will be taken to the next level with the mind-blowing effects you can create with this feature. Get ready to unleash your creativity and build something truly amazing.
Upgrades on flutter web
Flutter web is awesome for building really cool and interactive websites! It’s different from other web frameworks because it’s great for making websites with lots of graphics and animations. you can even put a flutter app inside a website and control it using JavaScript. Plus, you can still change the website’s look using CSS while the flutter app is running.
Additionally, the update includes a text magnifier, scrolling improvements, memory management, and more. All those details can be found here. I mainly cover major points in this article.
