提升渲染效能
當要衡量效能時,應用程式中渲染動畫是最常被關注的議題之一。部分歸功於 Flutter 的 Skia 引擎及其快速建立和處置元件的能力,Flutter 應用程式預設就具有良好的效能,因此您只需要避免常見的陷阱,就能達到卓越的效能。
一般建議
#如果您看到卡頓(不流暢)的動畫,請務必使用以profile模式建置的應用程式來分析效能。預設的 Flutter 建置會以debug模式建立應用程式,這並不能代表發佈時的效能。如需詳細資訊,請參閱Flutter 的建置模式。
一些常見的陷阱
- 每幀重建的 UI 遠比預期的多。若要追蹤元件的重建,請參閱顯示效能資料。
- 直接建立一個大型的子元件列表,而不是使用 ListView。
如需評估效能的更多資訊,包括常見陷阱的資訊,請參閱以下文件
僅限行動裝置建議
#您是否在行動應用程式上看到明顯的卡頓,但只在動畫第一次執行時出現?如果是這樣,請參閱減少行動裝置上的著色器動畫卡頓。
僅限網頁建議
#以下一系列文章涵蓋了 Flutter Material 團隊在改善網頁上 Flutter Gallery 應用程式效能時所學到的知識
除非另有說明,否則本網站上的文件反映了 Flutter 的最新穩定版本。頁面上次更新於 2024-05-04。 檢視原始碼 或 回報問題。