Flutter 3.7 の注目すべき新機能

Flutter コミュニティは、バージョン 3.7 の SDK を改善し続け、いくつかの優れた新機能を追加しています。たとえば、カスタム メニュー バーやカスケード メニューを作成したり、ツールを利用してより優れた国際化をサポートしたり、新しいデバッグ ツールを利用したりできるようになりました。

これらの新機能には、既存の機能の改善が伴います。これらの中には、より高速なグローバル選択ツール、Impeller と呼ばれるレンダリング システム、およびプラットフォーム間でリソースを共有する機能があります。

フラッターとは

Flutter は、Dart プログラミング言語を使用して iOS および Android 用の高品質のネイティブ インターフェースを構築するための Google のモバイル アプリ SDK です。Flutter は既存のコードで動作し、世界中の開発者や組織によって使用されており、無料のオープン ソースです。

Flutter は既存のコードで動作しますが、新しいコードを簡単に採用できます。既存のコード ベースのウィジェットで小規模に開始することも、ゼロからアプリを構築することもできます。選択はあなた次第です。

最新の機能のいくつかを簡単に見てみましょう。

1. 改善された Material 3 サポート

Flutter が更新され、Material 3 がサポートされました。この更新により、最新バージョンの Android で提供されるマテリアル コンポーネントを使用できるようになります。マテリアル パックには、コンテンツを大胆かつ際立たせる洗練された新しいテーマが含まれています。

iOSとAndroidの両方で利用できます。

2. メニュー バーとカスケード メニュー

最新の Flutter アップデートでは、PlatformMenuBar と Material Design Menu という 2 つの新しいメニュー ウィジェットが追加されています。PlatformMenuBar は macOS で使用でき、Flutter によってレンダリングされる代わりにネイティブ メニュー バーをレンダリングします。

すべてのプラットフォームで、カスケード メニュー バー (MenuBar) または別の UI 要素 (MenuAnchor) によってトリガーされる個々のカスケード メニューを提供するマテリアル デザイン メニューを定義できます。これらのメニューは完全にカスタマイズ可能で、メニュー項目はカスタム ウィジェットにすることも、新しいメニュー項目ウィジェット (MenuItemButton、SubmenuButton) を使用することもできます。

3. DevTools の更新

Flutter 3.7 には、メモリ デバッグ機能のメジャー アップデートと、アプリケーションのデバッグに使用できるいくつかの新しいツールが含まれています。スナップショット分析ツールの最初のバージョンでは、パフォーマンスを改善できる Flutter アプリケーションの領域が強調表示されます。

4. スクロールの改善

このリリースでは、Flutter への移行プロセスをできるだけ簡単にするために、いくつかのスクロール アップデートが提供されています。注目すべき変更には、Mac プラットフォームでの新しいスクロール物理、アニメーション化されたグリッドの追加、スクロール コンテキストでのテキスト選択の処理の改善が含まれます。

5. 国際化ツール

新しい国際化システムにより、Flutter アプリの翻訳とローカライズが容易になります。記述的な構文により、コーディングの経験が少ない人でも理解しやすいエラー メッセージが表示されます。

新しいシステムでは、プレースホルダーと複数選択を使用して複雑なメッセージを作成できます。詳細については、更新されたFlutter アプリの国際化ページをご覧ください。

6. その他の新しい Flutter 機能

その他の新機能には、Impeller レンダリング エンジンのプレビュー (iOS では、Android の Impeller はまだプレビューの準備ができていません)、リリース検証 (アプリを App Store に提出する準備ができていることを確認するための設定のチェックリスト)、およびテキスト拡大鏡 (スマートフォンで小さなテキストを読みやすくします)。

Flutter: Google のモバイル アプリ SDK

Flutter 3.7 がリリースされました。便利な新機能が満載です。以前のリリースはパフォーマンスと互換性に重点が置かれていましたが、今回はアプリの構築をより簡単にすることがすべてです。開発者ツールには、新機能と改善されたナビゲーションを備えた便利な更新がたくさんあります。

Material Design テーマが Enhanced Material 3 のサポートで更新され、新しいアイコンと微調整された配色が追加されました。さらに、メニュー バーとカスケード メニューのサポートも利用できるようになりました。詳細については、リリース ノートまたはFlutter の Medium ページを参照してください。

Flutter を検討したことがない場合は、今が検討する絶好の機会です。React Native などの競合他社と比較すると、モバイル開発フレームワークとしての人気はまだ控えめですが、シンプルさと全体的な使いやすさの点で優れているため、日々勢いを増しています。