【Flutter】2.5.0がリリースされたのでまとめてみたよ

Dart

概要

どうも、@daiki1003です!

やって参りましたねー、この瞬間が!

Flutter2.2.3からまさかの2.5.0へのアップデート!
2.3.0と2.4.0はどこへ行ったんやw

まぁ、と言いつつ2.1.0なかったりもするので
あまり気にせずにいきましょう。

と言うことで、2.5.0のアップデート内容がおなじみの
Chris Sellsさんから発表されました!

What’s new in Flutter 2.5
Performance improvements, DevTools updates, new Material You support, a new app template, and more!

めちゃくちゃ長いwww

これは、相当ボリュームある!と言うことで
ある程度要約してお伝えできればなーと思います。

flutter_lintsの追加

flutter_lints | Dart Package
Recommended lints for Flutter apps, packages, and plugins to encourage good coding practices.

2.3.0-12.0.pre以降でflutter createすると
デフォルトで使えるようになっていたのですが、今回stable releaseとなりました。

パフォーマンス改善

NavigationState.pushなんかで影響のあるjankがかなり減りました。
これらのjankはGCなどの様々な要因で起こりうるものですが、見てくださいこの改善っぷり。


出典:https://medium.com/flutter/whats-new-in-flutter-2-5-6f080c3f3dc

もはや一瞥しただけではafterが見当たらないw
これは期待ですね!

Nativeとのやりとり

Objective-c/SwiftやKotlinとのやり取りやSimulatorによる
実行が快適になっているみたいです。

DevToolsのアップデート

Flutter Inspector

個人的にはこのアップデートはかなり大きいと思っています。
かなり見やすくなった!


出典:https://medium.com/flutter/whats-new-in-flutter-2-5-6f080c3f3dc

変更内容は

・タブにアイコンが付き、テキストが刷新。さらにtooltipも表示されどう言う時に使うべきかが明確に
・各ウィジェットにアイコンを表示。何をするウィジェットかが分かりやすくさらにその役割によって色分けも
・Textなど一部のウィジェットではプレビューを表示し、自分がデバッグしたいウィジェットがどれか探しやすく

まだまだ変更されているみたいでこの辺を要チェック!

Flutter DevTools 2.3.2 Release Notes
Flutter DevTools 2.4.0 Release Notes
Flutter DevTools 2.6.0 Release Notes

Android Fullscreen


出典:https://medium.com/flutter/whats-new-in-flutter-2-5-6f080c3f3dc

fullscreen時の表示を3パターンから選べるようになりました。

Material You

Floating Action Buttonのサイズ変更やthemingが
出来るようになったみたいです!

テキスト入力のショートカット

Ctrl+Aは普通なら全テキスト選択ですが、この挙動を上書くことができます。

DefaultTextEditingShortcuts class - widgets library - Dart API
API docs for the DefaultTextEditingShortcuts class from the widgets library, for the Dart programming language.

ScrollNotificationのタイミング

今までは ScrollNotification はスクロールしないと来ませんでした。
一見当たり前のように思えますが、スクローラブルなウィジェットの描画範囲が変更された場合
(Webであればウィンドウの拡縮など)に困ってしまします。
そんな問題に対応してくれたのが今回ですね。


出典:https://medium.com/flutter/whats-new-in-flutter-2-5-6f080c3f3dc

MaterialBanner(上部版Snackbar)

今まではパッケージを使う以外、画面下部にしか表示の出来なかったSnackbarさん。
MaterialBannerとして、とうとう上部にも表示出来るようになりました!

Flutter 2.0.0でstableになったScaffoldMessengerを使うことによって表示できます。

各種pluginの改善

camera | Flutter Package
A Flutter plugin for getting information about and controlling the camera on Android and iOS. Supports previewing the camera feed, capturing images, capturing v...
image_picker | Flutter Package
Flutter plugin for selecting images from the Android and iOS image library, and taking new pictures with the camera.

などが改善されています。

また、 package_infodevice_infoなどのパッケージは既にメンテナンスされておらず
これからはpackage_info_plusdevice_info_plusなどを使ってください。

VSCode内でのアップデート

dependenciesの追加

今まではパッケージを追加する際、

【Flutter】3秒でパッケージ追加完了!?VSCode使いに絶対に入れて欲しい拡張機能「Pubspec Assist」を紹介するよ!
Flutterでの開発には、世界中のデベロッパが作ってくれたパッケージのインストールが欠かせません。 あなたはどの様にパッケージを追加していますか? 実は、以前パッケージのインストール記事を書きました。 pub...

のような便利なパッケージを使っていました。

これからはFlutter側がそれをサポートしてくれるみたいです。

fix allコマンド


出典:https://medium.com/flutter/whats-new-in-flutter-2-5-6f080c3f3dc

同一ファイル内の警告を全部直してくれるみたいです。
設定を変えることによって、保存時に毎回これを走らせる、みたいなこともできるとのこと!

Test Runnerの変更

テスト完了すると、各テストの端にアイコンが出るようになり、
そこから再度実行するなどが出来るみたいです!

これはかなり便利な予感。


出典:https://medium.com/flutter/whats-new-in-flutter-2-5-6f080c3f3dc

Android Studioでのアップデート

Integration Test

デバイスによる結合テストができるようになったみたいです!

Test Coverage

さらに、テストカバレッジを実際のコードで見ることが出来るようになります。

【Flutter】大丈夫、テストは怖くないよ
テスト、怖くないですか? 面倒くさくないですか? 分かりますよ。 この記事は、そんなあなたのテストへの恐怖心を取り除くために執筆しました。 こんなの出せたら、かっこいいですよね。 大丈夫です、この記事を...

今までだと、 genhtmlコマンドなどでしか見れなかったのでこれは相当便利になりそうですね。


出典:https://medium.com/flutter/whats-new-in-flutter-2-5-6f080c3f3dc

テンプレートプロジェクトの追加

今まで flutter createをするとおなじみカウンターアプリが表示されていました。
Flutterの概要や特徴を掴むにはちょうどよかったこのサンプル。
しかしこれではFlutterの開発の道標にはなりません。

そんな時に以下のコマンド

flutter create -t skeleton my_app

を叩くと

・ローカライゼーション
・フォルダ構成
・サンプル画像
shared_preferences
・light/darkテーマ

などが適用されたサンプルが生成されるようです。

これはちょっと楽しみですね!

最後に

いかがでしたでしょうか?
簡単に紹介しただけでもかなりの分量がありました。

ぜひ一度触ってみて皆様の感想や
こんなことが出来るようになってたよ!などの声もお待ちしております笑

Flutter 2.5.0に関しては今後も記事書いていきたいと思います!
ではでは。
ここまで読んでくださってありがとうございます!

誰かのお役に立てば。

Twitterフォローお願いします

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

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

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

コメント

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