🔥

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

に公開

はじめに

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