🔥

VSCodeでシミュレータのアニメーションを遅くして確認する

2024/08/20に公開

はじめに

Flutterで実装したアニメーションをシミュレータで確認する際、通常だと早すぎて挙動が十分に確認できないケースがあります。その場合は、エミュレータのアニメーションを遅くすることで、チェックが可能です。

手順

以下、Macでの手順になりますが、Windowsでもほぼ同じです。

①Command + Shift + Pでコマンドパレットを開き、Dev Toolsにアクセスする

②flutter runで起動したシミュレータのIPアドレスで接続する

③Flutter InspectorタブのSlow Animationsを選択する

シミュレータで見てみると、アニメーションが遅くなっていることが確認できます。

参考

https://docs.flutter.dev/tools/devtools/inspector#slow-animations

Discussion