{"id":10802,"date":"2022-09-21T15:12:41","date_gmt":"2022-09-21T15:12:41","guid":{"rendered":"https:\/\/cheesecakelabs.com\/blog\/"},"modified":"2022-11-11T20:33:19","modified_gmt":"2022-11-11T20:33:19","slug":"flutter-3-0","status":"publish","type":"post","link":"https:\/\/cheesecakelabs.com\/blog\/flutter-3-0\/","title":{"rendered":"Flutter 3.0: A Big Step Forward For Cross-Platform Apps"},"content":{"rendered":"\n

The new massive Flutter update has been released and it brought several features that will support the app development industry. Let’s dig it into this article to discover what’s new in this release and what will change. <\/p>\n\n\n\n

We\u2019ll also highlight all the lessons we\u2019ve learned using the new features of Flutter 3.0 in our web & mobile application development services at Cheesecake Labs.<\/p>\n\n\n\n

What is Flutter?<\/strong><\/h2>\n\n\n\n

Flutter<\/a> is a Framework launched in 2017 by Google with the objective of being a new tool in the cross-platform mobile world.<\/p>\n\n\n\n

One of the biggest problems Flutter tried to solve was performance. Part of this problem was with the javascript engine which is directed to functional language. <\/p>\n\n\n\n

So, Google tries to find a compilated language at the same time as a good performance.<\/p>\n\n\n\n

Because of that, Google decided to revive its own language Dart, which was released in 2011 but never had good acceptance. <\/p>\n\n\n\n

After Google decided to use Dart in Flutter, the language has been offered a lot of improvements and it is now easier to learn.<\/p>\n\n\n\n

It\u2019s also performative, and object-oriented and it is still managed by the framework company, Google.<\/p>\n\n\n\n

According to Google, nowadays over 500 thousand apps are using Flutter<\/a> in the marketplaces.<\/p>\n\n\n\n

This reinforces what our team believes is a good choice for hybrid applications technology. <\/p>\n\n\n\n

What\u2019s new in Flutter 3.0?<\/strong><\/h2>\n\n\n\n

On May 11th at the Google I\/O event, the team announced the Flutter<\/a> 3.0 version of the framework.<\/p>\n\n\n\n

This version completes the cross-platform framework providing Windows, macOS, and Linux applications and further new possibilities of integration with Firebase, and new features to improve the development experience.<\/p>\n\n\n\n

It has been a long journey since the initial Beta was released in 2018, which has been through stable releases, and null safety support, besides web and desktop improvements until we got this 3.0 version. <\/p>\n\n\n\n

Imagine a Code, Multiple Platforms <\/strong><\/h3>\n\n\n\n

Flutter 3.0 came into play making it possible to generate applications for up to six platforms in a single codebase.<\/p>\n\n\n\n

Now iOS, Android, Mac, Linux, Windows, and Web have stable Flutter versions.<\/p>\n\n\n\n

The new version provides us with new inputs for macOS and Linux platforms extending an even better experience for desktop app development<\/a>, and now these two platforms come in stable versions alongside Windows. <\/p>\n\n\n\n

It’s amazing to see all the advances that technology has had.<\/p>\n\n\n\n

And at Cheesecake Labs, we are enthusiastic about it while being part of this journey by developing apps<\/a> since the start of the framework.<\/p>\n\n\n\n

Changes for Developers, News for User Experience<\/strong><\/h3>\n\n\n\n

In this Flutter 3.0, a reaffirmation makes the developers’ eyes shine.<\/p>\n\n\n\n

Support for Apple Silicon allows apps to run natively, while the Material Design delivered by Google to use with the framework is more complete than ever.<\/p>\n\n\n\n

Things like dynamic colors, updated typography, updates to many components, and new visual effects introduced in Android 12, like a new touch ripple design and an extended over scroll effect are just some of the new features.<\/p>\n\n\n\n

This allows us to creatively explore a cross-platform adaptable design with many different components.<\/p>\n\n\n\n

This version of Flutter already comes with the proposal of having a material design that supports even foldable mobile devices that allow us to create pleasant dynamic experiences, demonstrating the concern in supplying what is newest in the market.<\/p>\n\n\n

\n
\"flutter
Source: https:\/\/github.com\/flutter\/flutter\/pull\/77156<\/figcaption><\/figure>\n<\/div>\n\n\n

Besides that, it was also new for Apple fans, as Flutter now supports variable refresh rates on iOS devices with ProMotion displays, including iPhone 13 Pro and iPad Pro. <\/p>\n\n\n\n

On these devices, Flutter apps can render at refresh rates as high as 120hz, which was previously limited to 60hz, providing a smoother scrolling and animation experience.<\/p>\n\n\n\n

Check out the Core Updates of Flutter 3.0<\/strong><\/h2>\n\n\n\n
  1. Improvements over old versions<\/strong><\/li><\/ol>\n\n\n\n

    This new version can run applications natively on Apple Silicon and Intel chips which now support macOS universal binaries.<\/p>\n\n\n\n

    For Linux users, Flutter teamed up with Ubuntu’s Canonical to provide the best performance in desktop Linux apps.<\/p>\n\n\n\n

    All six platforms mentioned above are now running in stable releases which provide new support for developers on all platforms.<\/p>\n\n\n\n

    This is a big step for Flutter’s cross-platform integration.<\/p>\n\n\n\n

    1. Theme Extensions<\/strong><\/li><\/ol>\n\n\n\n

      Now, theme extensions allow you to add anything to the ThemeData of the material library.<\/p>\n\n\n\n

      This replaces the expanding ThemeData and executing copyWith with ThemeData.extensions.<\/p>\n\n\n\n

      Easy to code, and better to maintain the theme design interface.<\/p>\n\n\n\n

      1. Material 3<\/strong><\/li><\/ol>\n\n\n\n

        A Google in-house design is now available in Flutter 3.0.<\/p>\n\n\n\n

        We are talking about Material Design 3, with new components, massive changes incorporating a variety of framework enhancements, typography upgrades, adaptive colors, new buttons, a new app menu, variable font support, and much more.<\/p>\n\n\n\n

        This is an opportunity to create new widgets with new design specifications. <\/p>\n\n\n

        \n
        \"material
        Source: https:\/\/github.com\/flutter\/flutter\/issues\/91605<\/figcaption><\/figure>\n<\/div>\n\n\n
        1. Lints<\/strong><\/li><\/ol>\n\n\n\n

          For our developers and our Caker engineers, new tools to maintain code quality have been improved.<\/p>\n\n\n\n

          Applications generated in Flutter 3.0 automatically enable v2.0 lint sets, encouraging existing applications, packages, and plugins to follow the latest best practices in the Flutter world. <\/p>\n\n\n\n

          1. Engine<\/strong><\/li><\/ol>\n\n\n\n

            Engine raster and UI threads now run with higher priority on Android and iOS than other threads.<\/p>\n\n\n\n

            For example, VM Dart background garbage collection threads. This results in an average of 20% faster frame build times. <\/p>\n\n\n\n

            1. Dart <\/strong><\/li><\/ol>\n\n\n\n

              Dart is the core language behind the Flutter framework, and Flutter 3.0 came with the announcement of Dart 2.17 with anticipated highlights that developers have been waiting for.<\/p>\n\n\n\n

              Here the latest Dart can offer the developers enhanced enumerations, super constructors,  new syntax, the possibility of name args anywhere, and much more to ensure developers have the best experience developing awesome codes.<\/p>\n\n\n

              \n
              \"core<\/figure>\n<\/div>\n\n\n

              Our point of view for Cross-Platform Development<\/strong><\/h2>\n\n\n\n

              Flutter’s journey today is complete and at Cheesecake Labs, we have been through it fully as well.<\/p>\n\n\n\n

              Big brands already understand that Flutter is a great solution for Multiplatform demands and have already chosen this technology. We are prepared for that.<\/p>\n\n\n

              \n
              \"flutter
              Source: https:\/\/techcrunch.com\/2019\/05\/07\/googles-flutter-framework-spreads-its-wings-and-goes-multi-platform\/<\/figcaption><\/figure>\n<\/div>\n\n\n

              Moreover, Flutter also contributes to agile development, with faster rendering in interface development and build generation in a practical way.<\/p>\n\n\n\n

              Our team of developers loves to leverage technology, which enables more improvements on the projects.<\/p>\n\n\n\n

              What we\u2019ve done so far at Cheesecake Labs using Flutter 3.0?<\/strong><\/h2>\n\n\n\n

              Fast, productive, and flexible. This is what our team has been extracting from the use of Flutter and developing delightful solutions with the latest in the market.<\/p>\n\n\n\n

              We have already been able to validate it for use in IoT<\/a> products, involving Bluetooth and beacon integration and even web integration.<\/p>\n\n\n\n

              Some of our clients have already approved this technology and here are some of our cases: <\/p>\n\n\n\n