【Flutter】Flutterが2.0にメジャーアップデート！内容を簡単にまとめてみたよ

Dart

2021.03.05

概要

どうも、@daiki1003です！

僕は今とても興奮しております！

昨晩、3/4日 AM2:30から行われた #FlutterEngage というイベントで
Flutterのセッションなどがありました。

Events.Flutter.dev redirection

今日はそんな内容を軽くまとめてみたいと思います。

細かい内容に関しては、また追ってブログ化したいと思っています💪

Flutter2.0

What’s New in Flutter 2.0

Flutter web and Null Safety move to stable, Flutter desktop moves to beta and so much more!

Announcing Flutter 2

data:blog.pageName + " Read more."

Webがstable版に

Flutter web support hits the stable milestone

Publish to web and mobile from the same codebase

ひとつ目の大きな目玉がこちら。
描画が速くなったり、インタラクティブなスクロールバー、キーボードショートカットなどに対応されました。

flutterplasma.dev - This website is for sale! - flutterplasma Resources and Information.

This website is for sale! flutterplasma.dev is your first and best source for all of the information you’re looking for. From general topics to more of what you...

iRobot Coding

これら、サンプルなのですが
正直これがFlutterで出来ているのかとワクワクしますね。

FlutterでのWebアプリ制作の案件がある方はお待ちしております笑

対象プラットフォームにmacOS, Windows, Linux

Flutter on Desktop

Flutter support for Desktop devices means you can scale your mobile app to Windows, macOS and Linux without rewriting from the same single codebase.

こちらもかなり大きいですね！
モバイルフレームワークから、ポータブルフレームワークへ。

IMEなどにも対応したみたいです！

Sound Null Safety

Sound null safety

Information about Dart's null safety feature

半年前くらいから徐々に対応されていたNull Safetyがようやくリリースとなりました！
基本的には依存パッケージが対応してからになるので全移行は
もう少し先になりそうですが今のうちから目を通しておくと良さそうですね。

折り畳み端末対応

✨Foldable, dual-screen devices are ready for your Flutter app!
The Surface Duo is a combo of the best of Android with the @SurfaceDuoDev team’s hardware engineering expertise. @gmerin is here from @msdev to share more!
Watch 📺 → https://t.co/T9025C5NCV #FlutterEngage pic.twitter.com/t7Wj6TEORJ
— Flutter (@FlutterDev) March 3, 2021

Announcing Flutter support for foldable devices - Surface Duo Blog

Flutter is one of the fastest growing frameworks today and certainly a powerful toolkit for building amazing apps, which is why we’re adding foldable support. ...

MediaQueryにhingeプロパティが入ったり
TwoPaneウィジェットが追加されたりしています。

ScaffoldMessenger

ちょっとした問題児であったSnackbarが使いやすくなりました。
特に画面を遷移しても表示され続けてくれるのはありがたいですね。

Cupertinoウィジェットの追加

SearchBarやFormなどに新しいウィジェットが追加されています。

Dart 2.12

Dart - Dart API docs

Dart API docs, for the Dart programming language.

ffiがstable版に

C interop using dart:ffi

To use C code in your Dart program, use the dart:ffi library.

ffiにより、別言語の操作が直接出来る様になります！

その他

DevToolsがより強力に

・平均フレームレートの表示
・バンドルされている画像のサイズの可視化
・Deprecatedプロパティを参照している箇所を、GUIで修正
・Loggingタブの検索やフィルタリング (待ち侘びていたよ…)

とかなりパワーアップしている様子でした。
デバッグの時間って開発時間に対して、結構な割合を食っていたりするので
DevToolsの改善はかなりありがたいですね。

Google Mobile Ads SDK for Flutterのオープンベータ

google_mobile_ads | Flutter package

Flutter plugin for Google Mobile Ads, supporting banner, interstitial (full-screen), rewarded and native ads

今までの広告SDKはお世辞にも使いやすいと言えたものではありませんでした。
AdManagerやAdMobと連携することにより
インラインバナーやオーバーレイ、インタースティシャル、リワード広告、ネイティブ広告などありとあらゆる
フォーマットに対応！

TOYOTAの車載システムにFlutter

🚙 The future of @Toyota's infotainment systems will be powered by Flutter.@ToyotaConnected is building Flutter right into the heart of their vehicles. Catch @danielthall at #FlutterEngage as he talks more about their plans with us!
On now 👉 https://t.co/T9025C5NCV pic.twitter.com/pSn299QF9P
— Flutter (@FlutterDev) March 3, 2021