【Flutter】3.13がリリース！その内容を10個に分けてまとめてみたよ！

概要

どうも、@daiki1003です！

とうとう！Flutter 3.13がリリースされました！
preが何回かアップデートされたりしていましたがとうとうって感じですね。

本記事では、

What’s new in Flutter 3.13

2D scrolling, faster graphics, Material 3 updates and more

を元にどんな機能/改善がリリースされたのかの全貌をお届けできればと思っております。

にしても、Flutterってマイナーバージョンの変更でおぉ！ってなるのは合ってるのだろうか笑

Impeller

描画

まず、Impellerの改善です。
Impellerは、3.10でstableになり、
日の目を浴びたSkiaに代わるレンダリングエンジンです。

今回のアップデートで、描画速度が平均でSkiaの頃の約倍になったとか。

広色域

色域の規格でsRGBというのを聞いたことがあるとは思いますが、広い色域のことをそのまま広色域と言います。
Impellerを有効にすることで、広色域がデフォルトでサポートされる様です。
まぁ、より色の表現の忠実度が上がったという認識で問題ないかと思います。

Android対応

こちらは今年末にプレビュー版をリリースできる、くらいの進捗感。
とはいえ、既に結構良くなっているみたいなのでリリースが待ち切れないですね！

macOS

プレビュー版が利用可能に！

折りたたみ可能デバイス

折りたたみ可能デバイス対応用の新しいAPIが登場したとのこと。
FlutterView.displayがDisplayインスタンスを返すとのこと。
これは物理的なサイズやピクセル比、リフレッシュレートなんかを取得できるみたいですね。

Material

TextField

文字列認識が可能に！

AlertDialog

SwitchやCircularProgressIndicator同様に、AlertDialog.adaptiveが利用可能に！

出典：https://medium.com/flutter/whats-new-in-flutter-3-13-479d9b11df4d

CupertinoDatePicker

monthYearという、年月だけのピッカーに対応！
直近これを自前で実装したのでもうちょっと早く出てきてくれてれば！笑

Radio

useCheckmarkStyleを指定すると、いつものラジオボタンの代わりにチェックマーク表記になるみたいですね。

InputDecoration

InputDecoration.errorというプロパティができたみたいです。
これにより、TextFieldなどのエラー表示をカスタマイズできます。

今までは、カスタマイズしようとするとerrorText, errorStyle, errorMaxLinesなどのプロパティに
より調節していましたがこれがやりやすくなっていそうですね。

【Flutter解体新書 vol. 1】TextField.decoration篇

さて、皆さんに一つ質問です。 FlutterのWidgetって、パラメタ多すぎじゃありません？笑そんな、あなたに朗報です。このブログを始めとする解体新書シリーズを読めば何を指定したら何が変わるのか、理解出来る様...

その他

ButtonSegmentにtooltipが表示できる様になっていたり、

出典：https://medium.com/flutter/whats-new-in-flutter-3-13-479d9b11df4d

ExpansionPanelListの余白が調整できる様になっていたり、

出典：https://medium.com/flutter/whats-new-in-flutter-3-13-479d9b11df4d

Switchのアウトライン幅が調整できる様になっていたり、

出典：https://medium.com/flutter/whats-new-in-flutter-3-13-479d9b11df4d

NavigationDrawerのタイルのpaddingが調整できる様になっていたり、

出典：https://medium.com/flutter/whats-new-in-flutter-3-13-479d9b11df4d

TabBarをどう配置するか調整できる様になっていたり、

出典：https://medium.com/flutter/whats-new-in-flutter-3-13-479d9b11df4d

Material 3に準拠したelevatedなChipが追加されていたり、

出典：https://medium.com/flutter/whats-new-in-flutter-3-13-479d9b11df4d

SearchBarにonSubmittedが追加されていたり、
GestureRecognizerファミリーが追加されていたりと色々変更されていますね！

アプリのライフサイクル

AppLifecycleListenerが追加され、hiddenプロパティも追加されています。
hiddenプロパティはアプリが”非表示”になった事を表す抽象ステータスの様です。

出典：https://medium.com/flutter/whats-new-in-flutter-3-13-479d9b11df4d

スクロール

二方向スクロール、つまり縦と横双方向にスクロールすることを可能にする様々なクラスが追加された様です。

ChildVicinityとか聞いたことのない単語が並んでいたりするので要確認ですね。

動作確認はこちらのDartPadにて。
いやー、すごい。

Sliver

Sliverファミリーに、また新たな仲間が追加されたみたいです！
複数のSliverを並べる、SliverMainAxisGroup/SliverCrossAxisGroup。
横軸のスペーシングを提供する、SliverCrossAxisExpanded/SliverConstrainedCrossAxis。
Sliver装飾用のDecoratedSliver。

こちらも、動作確認はDartPadにて。
ある大きめのカンファレンスのサイトに載せる、タイムテーブルを作るのにちょうど良さそうとすぐに思いました笑