🛫 🧚🏽 ☝🏻 フラッター1.22アナウンス 🏇🏼 👵🏽 👤

こんにちは！私はEvgenySaturov、SurfのFlutterTeamLeadです。新鮮なFlutter1.22アップデートに関する公式記事の翻訳を提示します-いつものように、私のコメントで補足します。

このリリースは、近年私にとって最も注目に値するリリースの1つです。誰も驚かない新しいウィジェットの登場だけでなく、深刻なインフラストラクチャの変更や新しいオペレーティングシステムの運用サポートにより、私たちは前進しています。ほんの始まりです！

Flutter1.22の新しいバージョンに精通するために運転しました。

iOS14およびAndroid11を広範囲にサポートするFlutterの最新リリースを発表できることを嬉しく思います。Flutter1.22は、以前のリリースで確立された基盤の上に構築されており、開発者は単一のコードベースから複数のプラットフォーム用の高速で美しいユーザーインターフェイスを作成できます。四半期ごとに安定したリリースには、新機能、パフォーマンスの向上、バグ修正が含まれています。

最近、モバイルOSの新しいバージョンがリリースされました。このFlutterリリースでは、Android11とiOS14のパフォーマンスを向上させることに重点を置いています。

iOS 14のフラッターアップデート：新しいXcode 12のサポート、新しいアイコン、AppClipsのサポート-Android用InstantAppsのアナログ。

Android11のフラッターアップデート：ディスプレイのさまざまなタイプの「強打」のサポートが追加され、ソフトキーボードを呼び出すときのアニメーションがよりスムーズになりました。

このリリースは、バージョン1.20のリリースからわずか2か月後にリリースされますが、この短い期間でも、3024の問題をクローズし、197の寄稿者からの1944のPRを凍結しました。

解説

ちなみに、Flutterの寄稿者になりたいとずっと思っていたが、どこから始めればよいかわからない場合は、ここにいくつかのヒントがあります。優れた最初の貢献タグで問題をフィルタリングします。時々、興味深い問題がそこに表示され、オープンソースへの旅を始めることができます。また、新しい機能タグで問題をフィルタリングすることで、誰かの夢の機能を実装できます。初心者でもパズルがあります。フレームワークの歴史の中であなたの名前を不滅にすることができます-もちろん、Flutterチームの開発者がそのような機能を実装することに同意した場合。

新しいモバイルOSバージョンのサポートに加えて、最もリクエストの多いAndroid機能の1つのプレビューなど、他のニュースがあります。

状態の回復、
ボタンの新しい「宇宙」素材、
ホットリロードと連携して、ローカリゼーションと国際化をサポートする新しいライブラリ
新しいナビゲーター、
プラットフォームビューの安定バージョン（GoogleマップおよびWebViewプラグインのベース）、
コードに追加して、高頻度ディスプレイを備えたデバイスでのスクロールを改善できるスイッチ。

また、アプリケーションのサイズを分析するための新しいツールもあります。さらに、開発者は、プラグイン構成でターゲットプラットフォームを明示的に指定することにより、必要なプラットフォームのみのプラグインを作成できるようになりました。

IOS14ターゲットプラットフォーム

モバイルOSの新しいバージョンが発表されるたびに、徹底的にテストします。Flutterとそのツールの動作に影響を与える可能性のある非互換性や変更を探します。

iOS 14の場合、Flutterにいくつかの変更を加えて、開発者が望むとおりに機能するようにしました。

Xcode12にはiOS9.0以降が必要なため、デフォルトのテンプレートでプラットフォーム8.0ではなく9.0が指定されるようになりました。
Flutter 1.22は、特定のiOS14のクラッシュとフォントレンダリングの問題を修正します。
物理デバイスへのデプロイに関する問題（アプリケーションがデバイス上で実行されなかった-エミュレーター上でのみ）がFlutter1.20.4で修正されました。
, , , Flutter Flutter 1.20.4.
Flutter iOS 14 ( , Flutter-).

ボトムライン：iOSの14はあなたのフラッタアプリのためのターゲットプラットフォームであれば、私たちは強く、あなたがフラッター1.22でそれを再構築することをお勧めしますとiOS 14とのそれらのため最高のユーザーエクスペリエンスを提供するために、今のApp Storeにデプロイ

などの詳しい情報Add-to-App、ディープリンク、および通知に関するいくつかの考えについては、flutter.devにあるiOS14のドキュメントを参照してください。

これとは別に、新しいiOS SF Symbolsフォントの更新されたサポートについて説明したいと思います。これにより、cupertino_iconパッケージの更新に時間を費やすようになりました。CupertinoIcons依存関係を更新するとすぐに、既存のユースケースが新しいスタイルで自動的に表示されますcupertino_icons新しいメジャーバージョン1.0に。cupertino_icons1.0をFlutter1.22と一緒に使用している場合は、CupertinoIconsAPIを介して約900個の新しいアイコンにアクセスできます。

アイコンの完全なリストについては、cupertino_iconsプレビューページおよびflutter.devの移行詳細ページを参照してください。

iOS 14のFlutterで試すことができるもう1つの機能は、アプリクリップです。 AppClipsはiOS14の新機能です。これらは、最大10MBのミニアプリケーションです。 AppStoreから完全なアプリケーションをダウンロードしなくても、ユーザーは特定の機能にアクセスできます。 Flutterバージョン1.22は、予備的な実装でAppClipsを使用できます。

フラッターのアプリクリップ

Flutterを使用してアプリケーションのアプリクリップを作成する方法の詳細については、flutter.devのドキュメントを参照してください。サンプルの簡単なプロジェクトも参照してください。

コメント

Android用インスタントアプリを覚えていますか？Appleは2017年を復活させることを決定し、同様のソリューションであるAppClipsを導入したようです。さらに、ネイティブアプリケーションではなく、クロスプラットフォームアプリケーションを作成している場合でも、アプリクリップを実装できます。

制限を忘れないでください。アセンブリの重量が10MBを超える場合、AppClips形式で実行することはできません。Flutterアプリケーションの場合、これは非常に緊急の問題になる可能性があります。ただし、これについては記事の後半で学習します。そこで、便利なツールを使用してアプリケーションのビルドサイズを監視する方法を説明します。

Android 11

Flutterのこのリリースは、Android 11のリリースとほぼ同時にリリースされました。Flutterフレームワークとエンジンは、Androidの最新バージョンで導入された2つの新機能をサポートするように更新されました。

まず、Flutterは、Android電話画面の強打と切り欠きの位置、および画面の丸みを帯びたエッジを考慮に入れるようになりました。

使用MediaQueryとSafeArea APIを、それが簡単にクリック可能な領域がカットアウトや画面の丸いエッジに着陸していないUIを書くことになりました。

アプリケーションの表示領域は、サイズが急激に変化することはありませんが、スムーズに変化します。アプリケーションのコンテンツは、画面上のキーボードと同期してスクロールします。

FAB Issue＃19279に注意して

ください-画面上のキーボードの表示/非表示アニメーションがフラッターインセットと同期しないという長年の問題。これはAndroid11で修正されています。

以前は、FlutterコードがネイティブAndroidアプリケーションに挿入されたときに、Flutterプラグインが原因で問題が発生していました。FlutterをAndroidと統合するためのAPIを書き直し、これらの欠点のないAPIv2をリリースしました。バージョン1.22以降、古いAPIv1のサポートは終了します。

Android v1 APIを引き続き使用する場合、これはあなたにとっての意味です。

新しいプラグインは、v1APIサポートなしで作成されます。
フラッターツール構成フラグが—no-enable-android-embedding-v2削除されました。これが現在のデフォルトの動作です。
API v1をまだ使用している古いアプリは、ビルド中に非推奨の警告を表示します。これは、新しいAndroidプラグインAPIをサポートするためのドキュメントを参照しています。

それまでの間、Android用のAPIバージョン1に基づくFlutterアプリをまだお持ちの場合は、引き続き機能します。ただし、APIv2を対象とする新しいプラグインが表示される場合があります。Android APIv1では使用できません。詳細については、重大な変更に関するドキュメントを参照してください。

, Flutter , . 1.22 , — . App Clips, ( ) , . Android, , , — . .

«»

既存のフラッターボタンは見栄えが良いですが、特にカスタムテーマが必要な場合は、使いにくい場合があります。さらに、マテリアル仕様が拡張され、新しいスタイルの新しいボタンが含まれるようになりました。

マテリアルガイドラインに対応するために、Flutter1.22にボタンの新しい「ユニバース」を導入しています。

マテリアルデザインボタンの新しい「ユニバース」

新しいウィジェットとテーマに新しいクラス名が追加されました。マテリアルデザインの仕様に一致するように、Flutterのクラスの名前を変更しました。

新しいテーマは、Flutterが最近新しいマテリアルウィジェットに採用した「正規化された」パターンに従います。DartPadのデモバージョン

これは、互換性に影響する変更はありませんが、意味論なぜならFlatButton、OutlineButton、RaisedButton、ButtonBar、ButtonBarThemeそしてButtonTheme変更されません。古いボタンを新しいボタンと組み合わせて組み合わせることができます。

国際化とローカリゼーションの新しいサポート

アプリケーションを国際化（i18n）およびローカライズ（l10n）するために必要なコア機能は、最初からFlutterで利用できます。このリリースでは、新しいl10n情報が追加されたときにアプリケーションを更新するために、ホットリロードをサポートしました。

ローカライズされたメッセージ、パラメーター、日付、数値、通貨を含むメッセージなど、Flutter l10nのサポートに関する詳細情報が必要な場合は、FlutterInternationalizationユーザーガイドをお読みください。

また、i18nとl10nに関心がある場合は、Unicodeやemojiなどの単純な古いASCIIに適合しない文字を含む文字列を使用する必要がある場合があります。ダートチームは最近キャラクターパッケージをリリースしましたこれは、開発者がUnicode（拡張）graphemeクラスターを操作するのに役立ちます。このパッケージは、「英語の[英国の旗の絵文字]テキスト」のような文字列を最初の15文字に適切に短縮する方法などの問題を解決するのに役立ちます。クラスを使用するとString、この省略形は「[British flag emoji] text in」になります。これは、ユーザーが読み取り可能な12文字のみです。一方、パッケージcharactersを使用すると、正しい省略形「A [British flag emoji] textinEng」が表示されます。

このPRでは、 Flutterは文字パックを使用してこれらの複雑な文字を正しく処理します。たとえばTextField、制限付きmaxLengthで使用すると、‍‍ [3つの絵文字のファミリー]などの文字が1文字として正しくカウントされるようになりました。また、このPRでシンボルパッケージは、手動で追加しなくても、Flutterプロジェクトで自動的に利用できます。うまくいけば、これにより、すべてのロケールのすべてのタイプの文字列を簡単に操作できるようになります。シンボルパッケージの詳細については、優れた記事「ダーツでの適切な文字列操作」をご覧ください。

GoogleマップとWebViewプラグインは本番アプリケーションで使用できます

Flutterチームでは、自分でテストするまで、何かに「本番環境対応」のラベルを付けることを警戒することがよくあります。以下の場合google_maps_flutterとwebview_flutterプラグイン、遅延の主な理由は、基礎となるにしたプラットフォームは、ビューの実装あなたがフラッタアプリでAndroidとiOSの両方のネイティブUIコンポーネントをホストすることができます。 Flutterのこのリリースでは、これらのプラグインの両方を使用できる状態に宣言するのに十分なインフラストラクチャを強化したことをお知らせします。

flutter.devを表示するwebview_flutterプラグインFlutter1.22

では、既知のすべてを削除する代替のプラットフォームビュー実装を追加しましたAndroidビューでのキーボードの問題とアクセシビリティの問題。これは、Android APIレベル19以降（以前は必要だったレベル20）で機能します。また、プラットフォームビューをより効率的で信頼性の高いものにするiOSストリームの改善も行いました（io.flutter.embedded_views_previewiOSにフラグを追加する必要がなくなりましたInfo.plist）。

プラグインwebview_flutterは新しいAndroidプラットフォームビューモードをサポートしますが、現在は手動で有効にする必要があります。コミュニティで広く普及すると、デフォルトで有効になります。

Google MapsおよびWebViewプラグインは、プラットフォームビューの改善からすでに恩恵を受けています。

プラットフォームビューを使用してiOSおよびAndroidでカスタムUI要素をホストする場合は、FlutterアプリのネイティブAndroidおよびiOSビュー。

解説

開発者の生活に革命的な変化をもたらさないもう1つの楽しいイベント。私たちはこれらのプラグインの両方を本番環境で長い間使用しており、問題はありません。「生産準備完了」段階に入っても、この状況が変わらないことを願っています。YandexMapKitサポート用の公式プラグインがあればもっと嬉しいです。それが起こるまで、残っているのはサードパーティのソリューションを使用することだけです。

ナビゲーター2.0

以前にFlutterアプリでナビゲーションを使用したことがある場合は、メインのデータ構造であるユーザーがナビゲートするページのスタックが非表示になっていることに気付いたかもしれません。代わりに、Navigator.pop()またはを呼び出して制御しNavigator.push()ます。

ホームページにウィジェットのリストを表示し、ユーザーがウィジェットの1つをクリックして、その特定の色の詳細ページに移動できるようにするとします。

次のように2つの画面を実装できます。

class ColorListScreen extends StatelessWidget {
 final List<Color> colors;
 final void Function(Color color) onTapped;
 ColorListScreen({this.colors, this.onTapped});
 
 @override
 Widget build(BuildContext context) => Scaffold(
       appBar: AppBar(title: Text('Colors')),
       body: Column(
         children: [
           // you can see and decide on every color in this list
           for (final color in colors)
             Expanded(
               child: GestureDetector(
                 child: Container(color: color),
                 onTap: () => onTapped(color),
               ),
             )
         ],
       ),
     );
}
 
class ColorScreen extends StatelessWidget {
 final Color color;
 const ColorScreen({this.color});
 
 @override
 Widget build(BuildContext context) => Scaffold(
       appBar: AppBar(title: Text('Color')),
       body: Container(color: color),
     );
}

最も単純なスタイルのNavigator1.0を使用すると、2つの画面間を移動できます。とても簡単に見えます：

class _ColorAppState extends State<ColorApp> {
 List<Color> _colors = [Colors.red, Colors.green, Colors.blue];
 
 @override
 Widget build(BuildContext context) => MaterialApp(
       title: 'Color App',
       home: Builder(
         builder: (context) => ColorListScreen(
           colors: _colors,
           // the Navigator manages the list of pages itself; you can only push and pop
           onTapped: (color) => Navigator.push(
             context,
             MaterialPageRoute(builder: (context) => ColorScreen(color: color)),
           ),
         ),
       ),
     );
}

Navigator.push()最初のページの上に別のページを配置して、2ページのスタックを作成するには、呼び出しだけで済みます。ただし、buildメソッドColorListScreenで作成されたコンテナのリストとは異なり、このスタックは非表示になっています。また、非表示になっているため、ネイティブ埋め込み、インターネットからのURL、Androidからのインテントなどによって提供される初期ルートのディープリンクを処理するなど、他のシナリオで管理することは困難です。また、同じページの異なる構造間のネストされたルーティングを管理することも非常に困難です。

Navigator 2.0は、ページスタックを表示することにより、これらの問題やその他の問題に対処します。これは、同じColorListScreenとColorScreen：の間の遷移の更新された例です。

class _ColorAppState extends State<ColorApp> {
 Color _selectedColor;
 List<Color> _colors = [Colors.red, Colors.green, Colors.blue];
 
 @override
 Widget build(BuildContext context) => MaterialApp(
       title: 'Color App',
       home: Navigator(
           // you can see and decide on every page in this list
         pages: [
           MaterialPage(
             child: ColorListScreen(
               colors: _colors,
               onTapped: (color) => setState(() => _selectedColor = color),
             ),
           ),
           if (_selectedColor != null) MaterialPage(child: ColorScreen(color: _selectedColor)),
         ],
         onPopPage: (route, result) {
           if (!route.didPop(result)) return false;
           setState(() => _selectedColor = null);
           return true;
         },
       ),
     );
}

アプリケーションはNavigator、スタック全体を表すページのリストを明示的に作成して提供します。_selectedColor色がまだ選択されていないことを示すために空を作成するため、最初は表示しませんColorScreen。ユーザーが色を選択するとsetState()、通常どおり呼び出して、メソッドを再度呼び出すことをFlutterに通知しますbuild()。これにより、ColorScreen一番上にスタックが作成されます。

コールバックで状態を更新しますOnPopPage。たとえば、ユーザーが画面に戻った場合、現在の色が「選択解除」され、このページを表示したくないことを意味します。

Navigator 2.0がFlutterの他の部分のように見える場合、それは意図的なものです。必須のNavigator 1.0とは対照的に、宣言的です。アイデアは、ナビゲーションモデルと残りのフラッターを組み合わせて、多くのバグを修正し、同時に機能を追加することでした。実際、この小さな例は、Navigator2.0の内容のほんの一部にすぎません。詳細については、Flutterでの宣言的ナビゲーションとルーティングに関する記事を強くお勧めします。

引き続きNavigator1.0を使用できます。以前と同じように機能します。すぐに削除することはありません。ただし、Navigator 2.0を試してみると、きっと気に入ると思います。

. , . , , , , . .

, . — Flutter. Navigator 2.0 . Remi Rousselet Twitter, . , . — Surf. , , GitHub: , , , .

: Android

このリリースで試すことができる新機能は、Androidでの状態復元のサポートです。これは、217件のレビューで最も切望されている機能の1つです。

状態を復元する必要性に慣れていない場合、モバイルオペレーティングシステムは、バックグラウンドにあるアプリケーションを「強制終了」して、優先アプリケーション用にリソースを解放できます。これが発生すると、OSはアプリケーションに「強制終了」しようとしていることを通知します。アプリケーションはユーザーインターフェイスの状態をすばやく保存して、ユーザーがアプリケーションに戻ったときに復元します。

正しく実装されると、ユーザーエクスペリエンスはシームレスになり、デバイスのリソースがより効率的に使用されます。これまで、Flutterは状態回復をサポートしていませんでした。フレームワークのサポートがなければ、それを正しく行うことは非常に困難でした。したがって、Android向けのこの機能の基本的な実装を提供できることを非常に嬉しく思います。デフォルトのフラッターカウンターアプリケーションの状態を復元

する非常に簡単な例を次に示します。

class CounterState extends State<RestorableCounter> with RestorationMixin {
  @override
  String get restorationId => widget.restorationId;

  RestorableInt _counter = RestorableInt(0);

  @override
  void restoreState(RestorationBucket oldBucket) => registerForRestoration(_counter, 'count');

  void _incrementCounter() => setState(() => _counter.value++);

  @override
  Widget build(BuildContext context) => Scaffold(
      body: Center(child: Text('${_counter.value}')),
      floatingActionButton: FloatingActionButton(onPressed: _incrementCounter),
    );
}

つまり、各ウィジェットは、一意の識別子を使用してRestorationMixinに登録されているストレージセグメントを取得します。RestorableProperty（RestorableIntここにあるような）を使用してUI固有のデータを保存し、そのデータを状態復元機能に登録することにより、Androidがアプリケーションを終了する前にデータが自動的に保存され、元の状態に戻ったときに復元されます。そしてそれがすべてです。Restoration*たとえばRestorableInt、タイプに保存されているすべてのデータ、RestorableStringおよびRestorableTextEditingController（いくつかあります）が復元されます。また、復元したいすべてのタイプをカバーしていない場合は、展開して独自のタイプを作成できます RestorableProperty。

状態回復を自動的にテストするために、新しいrestartAndRestoreAPIをWidgetTesterに追加しました。また、手動テストの場合、最も簡単な方法は次のとおりです。

Androidデバイスで状態復元を有効にしてFlutterアプリを実行します。
Android開発者設定で[アクションを保存しない]オプションを有効にし、
Flutterアプリを起動し、
バックグラウンドに置き、
それに戻ります。

Androidはアプリケーションを「強制終了」して復元し、すべてが期待どおりに機能するかどうかを確認します。

このバージョンの状態復元は暫定的なものです。まだやるべきことがあります。たとえば、状態の復元はAndroidの機能であるだけでなく、iOSアプリもその恩恵を受けることができます。また、リカバリ中に状態を維持するために、独自のウィジェットを更新するのに忙しいです。and （ユーザーのスクロール位置を記憶するため）や（入力したテキストを復元するため）Scrollableなどのクラスをサポートしており、他のウィジェットにも拡張する予定です。ListViewSingleChildScrollViewTextFields

確かに、重要な機能であるナビゲーションサポート（1.0または2.0）はまだ追加されていません。そのため、このバージョンを「暫定版」と呼びます。つまり、アプリケーションはユーザーがいた場所と同じ場所では開きません。この機能は、ベータ版とFlutterの次の安定版リリースで間もなく提供されます。

— . Flutter- UX. — , (, — -), State . Restorable-, RestorationMixin.

, . : , - , , .

:

Flutterチームは、Googleの社内パートナーと協力して、入力レートと表示レートが一致しない場合のスクロールパフォーマンスを大幅に改善しました。たとえば、Pixel 4の入力は120Hzで動作し、ディスプレイは90Hzで動作します。この不整合により、スクロールパフォーマンスが低下する可能性があります。新しいフラグresamplingEnabledを使用すると、この問題を解決できます。

void main() {
  GestureBinding.instance.resamplingEnabled = true;
  run(MyApp());
}

問題の周波数の不一致に応じて、このフラグを有効にすると、スクロールの待ち時間が最大97％短縮されます。将来のビルドでは、このフラグをデフォルトで有効にする予定です。

新しい統合Dart開発者ツール

いつものように、Flutterアップデートは、エンジンとフレームワークだけでなく、ツールにも関係します。Flutter 1.22には、新しいバージョンのDart（2.10）と、dart便利な新しいコマンドラインツールが含まれています。

歴史的に、Dartには多くの小さな開発者ツール（dartfmtフォーマットやdartanalyzerコード分析など）がありました。Dart 2.10には、ツールとdart非常によく似た統合開発ツールがありますflutter。

Flutter 1.22 SDK以降、フォルダー<flutter-sdk>/bin（おそらくにあるPATH）にはflutterandコマンドが含まれていますdart。詳細については、Dart2.10のブログ投稿を参照してください。

アプリケーションサイズ分析ツール

Flutter 1.22の一部としてリリースされたツールには、新しいビルドサイズ分析ユーティリティが含まれています。このツールは、アプリケーションのサイズが時間の経過とともに肥大化しているかどうかを診断するのに役立ちます。

このツールを使用して、分析用のデータを収集できます。--analysis-size次のコマンドのいずれかでフラグを渡します。

flutter build apk
flutter build appbundle
flutter build ios
flutter build linux
flutter build macos
flutter build windows

出力アーティファクトを構築するときにこのフラグを使用すると、アーティファクトのサイズと構成の概要が表示されます。ネイティブコード、リソース、さらにはコンパイルされたDartコードのパッケージレベルの内訳も含まれています。

サンプルリリースAPKフラッターギャラリーの内訳

この要約は、ビルドのサイズをすばやく分析し、ビルドが大きすぎる理由を理解するのに役立ちます。また、収集されたデータは、あなたが、さらに、アプリケーションのコンテンツを調べるサイズの問題を特定し、以下のことにより、2つの異なるJSONファイル間の変更を確認することができますダートデベロッパーツールで表示することができますJSONファイルとしても利用可能であるflutter.devの指示を。 JSONファイルをアップロードすると、アプリケーションのサイズのツリーマップを表示するインターフェイスが作成されます。

flutter.devのアプリケーションサイズ分析ツールのDartDevToolsドキュメントにあるAPKの内訳の例

解説

AndroidStudioが長い間それ自体で実行できたことが、開発ツールを介して分析できるようになりました。これはさらに柔軟性があります。これで、JsonのレポートをCIに直接展開し、時間の経過に伴うアセンブリサイズの変更を監視できます。

プレビュー：DevToolsのネットワークページを更新

このリリースのDevToolsのもう1つの予備機能：リクエスト本文が[ネットワーク]タブに表示されるようになりました。

この機能を有効にするには、必ず経由フラッタDevチャンネルである作るflutter channel devとflutter channel upgrade。

さらに、ネットワークトラフィックが大量のアプリケーション向けに、検索とフィルタリングの機能を提供しています。

[ネットワーク]タブのドキュメントについては、flutter.devの「ネットワークビューの使用」セクションを参照してください。

IntelliJでホストされているDevToolsインスペクタータブ

いくつかの時間のために、今、私たちは私たちのフラッタツールのいくつかの2つのコピーを維持してきた。例えば、インスペクタパネルのIntelliJでとインスペクタタブダートデベロッパーツールでは。これにより作業が遅くなります。2つのコードベースを維持する必要があります。また、一部の機能はまだIntelliJプラグインの一部ではありません（レイアウトエクスプローラーなど）。これらの問題に対処するために、DartDevToolsからIntelliJ内で直接[インスペクター]タブをホストする機能を有効にしました。

このオプションを有効にするには、に行く環境設定>言語とフレームワーク>フラッター>組み込みデベロッパーツールインスペクタを有効にします。

, . Flutter Dev Podcast Android Studio VS Code.

, … . , IDE. . , Android Studio. .

Visual Studio Code

すべてのFlutter開発者が直面する一般的なアクションは、ターミナルのエラーのスタックトレースから、エラーが発生したソースコード内の場所に移動することです。Visual Studio CodeのFlutter拡張機能の最新リリースでは、これらのリンクが正しく解析されるようになりました。リンクをクリックして、クラッシュが発生したコード内の目的の場所に移動できます。

小さなことのように聞こえますが、この機能に関する最初のフィードバックはすでに非常に肯定的です。

いつものように、ここにはツールの変更ログが多すぎますが、次の発表を確認することをお勧めします。

顧客重視：EasyA

EasyAはサブスクリプションベースのアプリで、学生はインスタントメッセージングを介して優秀な講師と交流します。アプリケーションはFlutterで書かれています。Appleは最近、それをApp of theDayとしてフラグを立てました。

「今年の初めに学校が遠隔学習に切り替え始めたとき、私たちは学生を助けるためにアプリケーションを迅速に立ち上げるという課題を抱えていました。Flutterでの高速開発のおかげで、iOSとAndroidの両方のアプリケーションを作成することができました。そして、彼らはなんとか店でそれらを公開することができました-ちょうどロックダウンの開始に間に合うように！通常の状況では、これは事実上不可能です。しかし、Flutterを使用すると、3つのプラットフォームすべてを同時に操作できるため、コードを効果的に再利用することができました。私たちの小さな開発チームは一生懸命働きました。」

EasyAの共同創設者であるPhilKwok

重大な変更

いつものように、私たちは重大な変更の数を最小限に抑えるように努めています。Flutter1.22のリストは次のとおりです。

56413指定されたRectがすでに表示されている場合、viewport.showOnScreenがビューポートをスクロールしないようにします。
62395 [gen_l10n]デフォルトの合成パケット生成。
62588ルートをさらに少なく構築します。

Flutter 1.22の安定版は、1.20のリリース後すぐにリリースされた可能性がありますが、非常に優れているため、ここですべてを説明することはできません。このリリースが素晴らしいiOSおよびAndroidアプリの作成に役立つことを願っています。また、ストアに何が来るのか楽しみです。あなたのサポートに感謝します：私たちはあなたのためにFlutterを構築しています。

フラッター1.22アナウンス