存檔立即 Hot Reload 所有 AVD | 點燈坊

Flutter 雖然支援 Hot Reload，但存檔一次只能更新一個 AVD，若想同時讓 iOS、Android 與 Chrome 同時 Hot Reload，需要特別的設定。

Version

Android Studio 2023.2.1

Web

• 先選擇 Chrome 執行第一次

iOS

• 先選擇 iOS 執行第一次

Android

• 先選擇 Android 執行第一次

iOS、Chorme、Web

• 在一個螢幕同時顯示 iOS、Android 與 Web 的結果

目前為止雖然一個螢幕可顯示三個結果，但對 Flutter 做修改，同時只能 Hot Reload 一個 Simulator

Add Quick List

Settings -> Appearance & Behavior -> Quick Lists

• 按 + 新增 Quick List

• Display name：Hot Reload All Devices

• 加入 Main Menu -> Run -> Flutter Hot Reload

• 加入 Save Actions X plugin

Settings -> Other Settings -> Save Actions

• Activate save actions on save：On
• Execute an action (Using quick lists)：Hot Reload All Devices

Modify Flutter

• 修改 Flutter 並存檔

Hot Reload All AVD

• 所有 AVD 都一起 Hot Reload

Conclusion

• Hot Reload 一直是前端工具重要的課題，由於 Flutter 支援各種 AVD，因此所有 AVD 同時 Hot Reload 更顯得有價值