KeframeFlutter 流暢度優(yōu)化組件

Keframe 是一款 Flutter 流暢度優(yōu)化組件，通過分幀渲染優(yōu)化由構(gòu)建導(dǎo)致的卡頓，例如頁面切換或者復(fù)雜列表快速滾動(dòng)的場景。

如何使用？

項(xiàng)目依賴：

在 pubspec.yaml 中添加 keframe 依賴

dependencies: 
  keframe: version

組件僅區(qū)分非空安全與空安全版本

非空安全使用： 1.0.2

空安全版本使用： 2.0.2

快速上手

如下圖所示

假如現(xiàn)在頁面由 A、B、C、D 四部分組成，每部分耗時(shí) 10ms，在頁面時(shí)構(gòu)建為 40ms。使用分幀組件 FrameSeparateWidget 嵌套每一個(gè)部分。頁面構(gòu)建時(shí)會(huì)在第一幀渲染簡單的占位，在后續(xù)四幀內(nèi)分別渲染 A、B、C、D。

對于列表，在每一個(gè) item 中嵌套 FrameSeparateWidget，并將 ListView 嵌套在 SizeCacheWidget 內(nèi)。