{{announcement.body}}
{{announcement.title}}

Flutter Interact: All You Need to Know!

DZone 's Guide to

Flutter Interact: All You Need to Know!

Get the low-down on the announcements at this year's Flutter Interact, including new features in Flutter 1.12 and Dart 2.7.

· Web Dev Zone ·
Free Resource

Flutter Interact, an event recently held by Google along with the Flutter Community, has ended with some great announcements. Some amazing Flutter features are declared in this immense event that made the developer community excited all around the world.

In the event, every announcement came with a note saying “there’s more to come!” Many developers, including us, were astonished to hear what Flutter has for the future.

All the Flutter update previews were enough to make you go crazy about Flutter; let’s have a look at what this event brought to the Flutter world.

All You Need to Know About Flutter Interact:

Flutter 1.12

Although a minor release, this new version of Flutter fixed a lot of issues and bugs along with bringing many new exciting APIs and material theme additions.

You may also like: Flutter Tutorial for Developers: Step-by-Step Guide to Building Apps.

Let’s have a look at the fresh features of Flutter 1.12:

AndroidX Support

A piece of big news for Flutter developers is that upcoming Flutter projects will fully support AndroidX. No need to manually migrate each project to AndroidX anymore.

Enabled iOS 13 dark mode

Flutter Framework already has extensive support for the Material theme and Material widgets, which can be used for making both Android and iOS apps. Cupertino widgets, however, took some time to catch up. There's good news though. Flutter themes now support iOS 13 dark mode. This means your apps will look amazing in the dark!

Added Google Fonts Packages

This one brings a lot of relief. Now, you don’t need to download and add Google fonts in your Flutter app and in a Pubspec file. This new version of Flutter has Google Fonts plugin, which allows direct use of Google fonts in Dart. We’ll write a separate blog post about it soon.

Updated Add-to-App Support

Flutter 1.12 now supports the direct add-to-app feature in Android Studio. This means that you can now add Flutter to your existing Android app easily. Previously, it took several steps to import a Flutter project in an Android application.

Upgraded Flutter Gallery

An all new Flutter Gallery has been introduced. It is fully renewed where you can find the code samples for new Flutter widgets and features. Flutter Gallery has always been the go-to source for many new developers to understand Flutter widgets, and this new Gallery app will be more helpful now.

Hold On! 

Did you think that that was it? 

No! Flutter Interact brought more cool things as well! Check out:

Dart 2.7

With version 2.7, Dart is now safer and more expressive. The most notable changes are Extension methods, character packages, and Null safety. All of these new additions were long requested by the community, and the Dart team delivered them in this release. There are, of course, more changes, but these are the major ones.

Hot UI

This one is a game-changer in our opinion. Flutter was already fantastic for doing quick iterations in terms of UI thanks to Hot Reload, but now with Hot UI, you can preview the design right there in the IDE without even running the project. That’s awesome, isn’t it? Moreover, HotUI also stores the data of the last preview of Android Studio.

All New Dart Dev Tools

The new Dart Dev Tools are web-based and have got many interesting features. The major ones are:

  • Widget Inspector to view the hierarchy of the widget tree.

  • Timeline view to diagnose the app frame-by-frame so that you can identify the performance issues in the layout rendering

  • Full source-level debugger to view the call stack and to set breakpoints.

  • A log view to view the logs, network requests and garbage collection events.

Multi Debugging Tool: VS Code

After building the Flutter UI and app layout on a single device, wouldn’t it be great, if you can perform debugging on multiple devices at the same time?

The multi-debugging extension allows multiple devices to be attached at the same time to the debugger while you debug your app in VS Code.

You can use multiple platforms and devices to run and debug your app simultaneously. You can also view the call stack of each device separately while it’s running on multiple devices.

AtFlutter Interact, they represented the live preview of this feature with 7 devices connected to a Mac. All the 7 devices were running the same code, and when a change was made, it was reflected on 7 devices at the same time with Hot reload. And guess what? They called it Flutter Octopus!

Supernova and Adobe XD

Supernova is an application that can help you generate UI code for Flutter from your Sketch and Adobe XD files. The code can be edited directly from an editor with the app running on a real device.

With the Adobe XD plugin for Flutter, you can now generate Flutter UI code directly from Adobe XD itself. It’ll be a great tool to simplify the communication between design and development teams. XD to Flutter is a collaboration between Adobe and Google that will be available in early 2020.

Flutter for the Web

The beta version of Flutter for Web has been released and can be used by developers for developing prototypes. It has many great plugins and features like Page routing, control over native text, mobile accessibility, and more. Of course, it’s not ready for production usage yet, so be careful with where and how you use it. Know what Flutter community has offered in Flutter for Web here.

Flutter for Desktop

An alpha version of Flutter for Desktop is now active for MacOS. Moreover, Flutter Gallery supports Flutter desktop apps. Many enhancements are made in the desktop version of Flutter, like keyboard accessibility.

Check out more on Flutter for Desktop.

Wrapping Up 

All in all, it's very clear that Flutter is going to be the Ambient Computing platform that has long been desired by developers worldwide. Google is also putting a lot of effort and investment in making sure that the developer community at large is happy and contributing more to Flutter, one way or the other. With so many shiny new things, one can rely on Flutter to be here for the long-term.


Further Reading

Topics:
flutter framework ,flutter app development ,flutter sdk

Published at DZone with permission of Bhagyashree Soni . See the original article here.

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}