[Flutter翻譯]介紹StatsFl,Flutter的FPS監視器 - gskinner部落格

Sunbreak發表於2021-07-06

原文地址:medium.com/flutter-com…

原文作者:medium.com/@gskinner_t…

釋出時間:2020年4月14日 - 2分鐘閱讀

image.png

隨著我們開始將Flutter推向更多的平臺,如桌面和網路,快速和輕鬆地測量你的應用程式的效能變得越來越重要。雖然內建的效能監控器可以完成工作,但它在可讀性方面還有很多不足之處。

為了幫助緩解這個問題,我們建立了StatsFl:pub.dev/packages/st…

使用時,只需將你的根檢視包裹在StatsFl小元件中。

StatsFl(child: MyApp());
複製程式碼

通過這個簡單的改變,你將在你的應用程式的左上方得到一個離散的FPS歷史圖表

在大多數情況下,預設的選項應該是你所需要的,但為了以防萬一,我們已經使它變得相當可配置。下圖顯示了3種配置下的StatsFl。正如你所看到的,對齊方式、寬度和高度都可以調整。你甚至可以關掉showText,以獲得一個簡約的模式(底部)。

image.png

此外,你可以根據你的需要調整sampleTime和totalTime的長度。在這個例子中,我們每0.5秒計算一次,在15秒的時間內,總共有30個樣本。

return StatsFl( 
   sampleTime: .5, //Interval between fps calculations, in seconds.
   totalTime: 15, //Total length of timeline, in seconds. 
   child: MyApp()
);
複製程式碼

如果你喜歡這個包,請丟擲一個大拇指,以幫助增加人氣!


原文發表於2020年4月14日blog.gskinner.com


www.deepl.com 翻譯

相關文章