Flutter 3.3 の新機能: 最新のアップデートと機能

この時期に開発業界の一員であることは素晴らしい経験だ。このゲームの名目は、絶え間ない変化と頻繁なアップグレードだ。我々は常にメジャーアップデートを楽しみにしており、今回はFlutterをチェックする予定だ。

開発者であれば、Flutterについてご存知だろう。 クロスプラットフォームを変えたオープンソースのフレームワークである。 モバイルアプリ が開発された。エコシステムの規模も利用率も継続的に拡大している。デスクトップやウェブでの利用に加え、App StoreやPlay Storeでは毎日1000以上のFlutterアプリがリリースされている。

3ヶ月前にFlutter 3.0がリリースされて以来、その勢いは衰えていない。Flutterチームは新バージョンをリリースするたびに改良を続けている。

Flutterの新バージョンがリリースされた。 フラッター3.3.

本日の記事では、さまざまな改善をもたらす最新のアップデートについて説明する。

新しいリリースのたびに、解き明かされることがたくさんある。ここでは、この革命的なフレームワークの微調整バージョンを紹介する！

Flutter 3.3の新機能は？

ノルウェーのオスロで8月31日、フラッター・バイキングスが始まった。 Flutter 3.3のリリース.フレームワーク、パフォーマンス、デスクトップ・サポート、レンダリング・レイヤー、安定性の向上を含む、多くの修正、アップグレード、新機能が含まれている。

よりよく理解していただくために、各改善点について、その明確なスコープと関連させながら詳しく説明する。下記をご覧ください。

世界規模でのセレクション

Flutterのウェブアプリには、ユーザーが1回のジェスチャーで要素を選択できるネイティブ機能がない。しかし今日、Flutter 3.3の登場で状況は変わりました。Selection Areaと呼ばれる新しいウィジェットが追加され、Flutterウェブアプリの要素をより簡単に選択できるようになりました。このツリーの子孫が選択可能になりました。ウィジェットの詳細についてはSelection Area API documentationをチェックしてください。

トラックパッド入力

また、Flutter 3.3ではトラックパッド入力にもいくつか変更が加えられている。トラックパッドの操作方法が改善され、より速くなりました。さらに、スクロールの不整合も解消されている。トラックパッド入力の改善についての詳細は、Flutterチームが共有したドキュメントをチェックしてほしい。

落書き

もしそうならどうだろう。 フラッターアプリケーション iPadでApple Pencil入力を活用しませんか？それがついに登場した！Flutter CommunityのメンバーであるJami Couchの功績である。CupertinoTextField、TextField、EditableTextなどのウィジェットでは、Scribble機能がデフォルトで有効になっている。必要なのはFlutterのバージョンをFlutter 3.3にアップグレードすることだけ。

テキスト入力

Flutterの最新バージョンは、リッチテキスト編集を改善するTextInputPluginを通して、きめ細かなテキスト更新を提供する。これによって開発者は、ユーザーが入力すると拡大・縮小する、異なるスタイルの範囲を持つ入力フィールドを作成できる。デモはこちらで見ることができる。

マテリアルデザイン3：

Android 12が動的テーマエンジンであるMaterial Youを導入して以来、Androidのテーマ設定は進化している。 マテリアルデザイン は、アンドロイドOSが発展するにつれて、よりアンドロイドOSに統合されつつある。それらのアップデートがリリースされるとすぐに、Flutterが追いついてくる。Flutter3.3では、IconButton、Chip、AppBarのようなウィジェットでMaterial Designが変更されている。

マテリアルデザイン3のテーマは、徐々に多くのウィジェットに移行されている。Material 3の進捗は ギズブ.

デスクトップ用Flutter：

ウィンドウズ

以前は、Flutterをベースにしたデスクトップアプリケーションのバージョンを設定するために、Windowsアプリケーション専用のファイルを変更しなければなりませんでした。幸いなことに、プロジェクトのpubspec.yamlファイルをより簡単に編集できるようにするアップデートがリリースされ、今日この状況は変わりました。

その結果、プラットフォームのバージョンは他のプラットフォームにも合わせて設定される。この機能の詳細についてはFlutter Docsをチェックしよう。

次世代レンダリングレイヤー：インペラ

ベータ版時代からFlutterを追いかけている人なら、Skia Graphics Engineのことはよくご存知だろう。Flutterの全てはこのGraphics Engineによって支えられており、そのおかげでFlutterはこれほどのパフォーマンスを発揮できるのだ。

FlutterチームはFlutter 3.3をリリースし、Impellerと呼ばれる新しいレンダリングレイヤーを追加した。 iOS および アンドロイド.

Flutterアプリケーションは、新しいグラフィックエンジンのおかげで、よりシルキーなアニメーションを特徴とする。クロスプラットフォームのツールキットは、より高い水準で管理される。さらに、Impellerはランタイムシェーダーのコンパイルを必要としません。

最新バージョンのFlutterを使用していることを確認するため、Flutterのマスターチャンネルに切り替え、最新のグラフィックエンジン機能をテストできるようにする。

パッケージ

最新かつ最高のアップデートで、Flutterはモバイル、デスクトップ、ウェブなどさまざまなプラットフォームで安定したアップデートを続けている。アップデートが増えれば増えるほど、物事は複雑になっていく。ナビゲーションは大きな複雑さだ。複雑なナビゲーションとなると、頭を悩ませることも多いが、go routerパッケージのおかげで少し楽になった。Flutterチームはこのパッケージを管理している。パッケージは、宣言的なURLベースのAPIを提供することで、ナビゲーションとディープリンクの処理を簡素化します。ナビゲーションとルーティングはここで学べる。

VSCodeエクステンションの改良

Dart：Add Dependency VS Code Extension を使えば、サードパーティのパッケージを簡単にプロジェクトに追加することができます。複数のパッケージを同時に追加する場合、パッケージ名をカンマで区切ることができるようになり、さらに一歩前進しました。

概要

GoogleのFlutterチームとして、コミュニティがFlutterを作り上げるために多大な貢献をしてくれていることに大変感謝しています！これまでの作業を反復し続けながら、私たちは最も重要なこと、つまり皆さん全員に集中することを楽しみにしています！