概要
どうも、@daiki1003です！やって参りましたねー、この瞬間が！
Flutter2.2.3からまさかの2.5.0へのアップデート！
2.3.0と2.4.0はどこへ行ったんやｗ
まぁ、と言いつつ2.1.0なかったりもするので
あまり気にせずにいきましょう。
と言うことで、2.5.0のアップデート内容がおなじみの
Chris Sellsさんから発表されました！
めちゃくちゃ長いｗｗｗ
これは、相当ボリュームある！と言うことで
ある程度要約してお伝えできればなーと思います。
flutter_lintsの追加
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が見当たらないｗ
これは期待ですね！
Nativeとのやりとり
Objective-c/SwiftやKotlinとのやり取りやSimulatorによる
実行が快適になっているみたいです。
DevToolsのアップデート
Flutter Inspector
個人的にはこのアップデートはかなり大きいと思っています。
かなり見やすくなった！
出典：https://medium.com/flutter/whats-new-in-flutter-2-5-6f080c3f3dc
変更内容は
・タブにアイコンが付き、テキストが刷新。さらにtooltipも表示されどう言う時に使うべきかが明確に
・各ウィジェットにアイコンを表示。何をするウィジェットかが分かりやすくさらにその役割によって色分けも
・Textなど一部のウィジェットではプレビューを表示し、自分がデバッグしたいウィジェットがどれか探しやすく
まだまだ変更されているみたいでこの辺を要チェック！
Android Fullscreen
出典：https://medium.com/flutter/whats-new-in-flutter-2-5-6f080c3f3dc
fullscreen時の表示を3パターンから選べるようになりました。
Material You
Floating Action Buttonのサイズ変更やthemingが
出来るようになったみたいです！
テキスト入力のショートカット
Ctrl+Aは普通なら全テキスト選択ですが、この挙動を上書くことができます。
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の改善
などが改善されています。
また、 package_infoやdevice_infoなどのパッケージは既にメンテナンスされておらず
これからはpackage_info_plusやdevice_info_plusなどを使ってください。
VSCode内でのアップデート
dependenciesの追加
今まではパッケージを追加する際、
のような便利なパッケージを使っていました。
これからは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
さらに、テストカバレッジを実際のコードで見ることが出来るようになります。
今までだと、 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フォローお願いします
「次回以降も記事を読んでみたい！」「この辺分からなかったから質問したい！」
そんな時は、是非Twitter (@daiki1003)やInstagram (@ashdik_flutter)のフォローお願いします♪
Twitterコミュニティ参加お願いします
Twitterコミュニティ「Flutter lovers」を開設しました！参加お待ちしております😁
☕️ Buy me a coffee
また、記事がとても役に立ったと思う人はコーヒーを奢っていただけると非常に嬉しいです！
コメント