説明
バグレポート
レンダリングパフォーマンスの向上
アプリ内でのアニメーションのレンダリングは、最も引用されるものの 1 つです。 パフォーマンスの測定に関して興味のあるトピック。 Flutter の Skia エンジンとその能力のおかげでもあります ウィジェットをすばやく作成して破棄するには、 Flutter アプリケーションはデフォルトでパフォーマンスが高く、 したがって、達成するには一般的な落とし穴を回避するだけで済みます 素晴らしい演技。
一般的なアドバイス
ぎくしゃくした (滑らかでない) アニメーションが表示される場合は、次のようにします。もちろんを使用してパフォーマンスをプロファイリングしていること 内蔵アプリプロフィールモード。 デフォルトの Flutter ビルドでは、アプリが作成されます。デバッグモード、 これはリリースのパフォーマンスを示すものではありません。 詳細については、 見るFlutterのビルドモード。
よくある落とし穴がいくつかあります。
- 各フレームで予想よりもはるかに多くの UI を再構築します。 ウィジェットの再構築を追跡するには、次を参照してください。パフォーマンスデータを表示する。
- 子供の大規模なリストを直接作成するのではなく、 ListView を使用します。
パフォーマンス評価の詳細については、 よくある落とし穴に関する情報を含む、 次のドキュメントを参照してください。
モバイル専用のアドバイス
モバイル アプリで顕著なジャンクが見られますか (ただし、 アニメの初放送？その場合は、を参照してくださいモバイルでのシェーダー アニメーションのジャンクを軽減する。
ウェブ限定アドバイス
次の一連の記事では、Flutter マテリアルとは何かについて説明します。 Flutter Gallery のパフォーマンスを改善する際にチームが学んだこと ウェブ上のアプリ:
- ツリーシェイキングと遅延読み込みによる Flutter Web アプリのパフォーマンスの最適化
- 画像プレースホルダー、プリキャッシュ、および無効化されたナビゲーション遷移による知覚パフォーマンスの向上
- パフォーマンスの高い Flutter ウィジェットを構築する