🐻‍❄️

Flutter の Widget が再生成されているか確認する

2021/11/14に公開

確認する方法

Flutter では Widget がどのように再生成されているかどうかはAndroid Studio の Performance Flutterにて確認できる。

確認できる情報

Performance Flutter では大きく分けて以下の情報が確認できるようになっている。

  • Frame rendering times
  • Memory usage
  • Widget rebuild stats

image.png

再生成されているかどうかは Widget rebuild stats を確認する。以下のようにカウントが更新されると Widget も再生成されるときに実際にどの Widget が再生成されているのか確認できる。

da1531159ec1cf59bf2798239e0449cc.gif

その他にできること

Performance Flutter では Widget が再生成されたか
どうか以外にも以下のような情報を見ることができる。

パフォーマンス情報をオーバーレイ表示する

b5244548f5214df3d32782e593634537.gif

レイアウト情報を表示する

dcdd1ff6b446b06685239c24c95df047.gif

ベースライン情報を表示する

cd7857d86dae81592387b1829adfa474.gif

Widget が再生成されたかどうか以外の機能はおまけのような感じです。Flutter だと本格的にパフォーマンス調整をしたい場合には Dev Tools を使うようなので特には問題ないかなと思います。

Discussion