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

Dart

概要

どうも、@daiki1003です!

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

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

Flutter Engage - March 3rd
Join us for a special online event to engage, innovate and collaborate with the global community.

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

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

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
Today, we’re announcing Flutter 2: a major upgrade to Flutter that enables developers to create beautiful, fast, and portable apps for any platform.

Webがstable版に

Flutter web support hits the stable milestone
Publish to web and mobile from the same codebase

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

Flutter Plasma
Flutter app demonstrating Flutter web rendering
iRobot Coding

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

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

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

Desktop support for Flutter
Announcing the alpha release of Flutter for desktop.

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

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

Sound Null Safety

Sound null safety
Information about Dart's null safety feature

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

折り畳み端末対応

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. ...

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

ScaffoldMessenger

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

Cupertinoウィジェットの追加

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

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 (currently in preview).

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

いやー、なんかこういう話は嬉しいですね。
ぜひFlutter製の車載システムは触ってみたいものです。

いかがでしたでしょうか?

誰かのお役に立てば。

Twitterフォローお願いします

「次回以降も記事を読んでみたい!」
「この辺分からなかったから質問したい!」

そんな時は、是非@daiki1003のフォローお願いします♪

また、記事がとても役に立ったと思う人は
コーヒーを奢っていただけると非常に嬉しいです!

コメント

タイトルとURLをコピーしました