flutter

[Flutter] Flutter 1.20 が発表されたので要点ピックアップしてみる

概要

Flutter 1.20 が発表されたので要点をピックアップしてみる。基本的には英語の記事を翻訳&要点をピックアップしています。全ての文章は、参考サイトを参照してください。

(英語は苦手なので翻訳や認識が間違っていたらご指摘ください...。)

目的

Flutterについての自己学習と知識共有のため。

発表内容

はじめに

Dart言語のレンダリングエンジン(フレームワーク部分)から性能を向上させた。

このリリースをもって、UIの拡張機能や自動入力機能のサポート、古いウィジェット(Date Picker)のアップデートを行う。

また、生産性の向上のために、Visula Studio CodeのFlutterパッケージの拡張機能を更新。Dart DevToolを直接組み使用ができる。

今現在、Google Play ストアのFlutter製アプリは9万以上のアプリがある。直近ではインドの開発者が多く、過去6ヶ月で2倍になった。

 

FlutterとDartの性能向上

  • アニメーションの初期表示の動きが改善
  • マウスカーソルの性能向上

 

テキストフィールドの自動入力

他のサービスにあるような、カーソルを合わせると候補が出てきて、タップすると自動で入力(補完)してくれる機能。

この機能が入ることで、よりアプリが使いやすいUIになっていくのはすごいですね。

 

新しいウィジェット

新しいウィジェット「InteractiveViewer」。

ズーム、サイズ変更、ドラッグアンドドロップ、パン(タップしたまま上下左右動かす)の機能が使えるようになる。

 

新しいスライダーとDatePicker

新しいスライダー「RangeSlider」カレンダーの「DatePicker」。日付情報の「TimePicker」。

DatePickerは新しいデザイン、日付範囲のサポートが可能になった。

TimePickerは時刻と時計型が同時に表示されるようなデザインに。

eyecache-flutter1.20

TimePicker

上記3つはとてもレイアウトが綺麗で、わかりやすくなっています。詳細なデモは、参考サイトを参照してください。

 

レスポンシブライセンスページ

アプリの重要な規約やライセンス、バージョン番号などを記載するためのウイジェット「AboutDialog」で見やすくなった。

flutter1.20-license

flutter1.20-license

 

また、Flutterが提供するライセンス表示ボタンで現在使用しているFlutterパッケージのリストを表示してくれる機能もある。

こちらについては、既にFlutterの動画で紹介されていました。こちらでも記載しています。

 

Visual Studio Code拡張機能

Visual Studio Code の拡張機能として、Dart DevTools画面のプレビュー機能。

「dart.previewEmbeddedDevTools」設定で機能を有効にすると使用できるようです。

Visual Studio Codeを使えばデバッグや原因調査など、開発スピードが上がりそうで良い機能です...!

 

ネットワークプロファイル

最新のDart DevToolsでは、HTTPステータス、コンテンツタイプ、アプリからリクエストしたタイミング情報が追加されるようです。

 

ファイル名変更時の自動補完

Visual Studio Code で、Dartファイルをドラッグアンドドロップで移動(フォルダ間移動など)した時に、

インポート文で宣言されているディレクトリ階層が、自動で変わってくれる...!今まではディレクトリ変えたら手動で直していましたがこれはすごくありがたい。

Visual Studio Code/IntelliJプラグインは、紹介した以外にもたくさんの更新があるようです。詳細は参考サイトから。

 

おわりに

今後の予定として、nullセーフティーのサポート、マップビューのプラグインの新バージョンなど多くのツールのアップデート(新情報)があるようです。

 

Flutter 1.20 を機に素晴らしい機能が今後リリースされるのを楽しみにしています。翻訳しながら、関連情報を調べつつピックアップしたので、

ここの情報(翻訳)は間違っている・語弊があるなどありましたら、ご指摘ください。

 

参考サイト

-flutter

Copyright© エンジニアが学んだことをアウトプットしていく , 2022 All Rights Reserved Powered by AFFINGER5.