Flutter 中如何保持Tabbar和TabbarView的狀態?

LiChengZe_Blog發表於2021-05-18

前言

Flutter使用TabBarView元件分頁顯示資料,來回切換頁面,會觸發頁面的init和build,而且頁面會回到最頂端,需要加個保持狀態,方法共3步:

第一步:在每個頁面都混入AutomaticKeepAliveClientMixin

步驟1.png

第二步:在這些頁面裡重寫wantKeepAlive方法

image.png

第三步:在這些頁面的build開頭呼叫super.build()

image.png

結尾

至此,已經完成對Tabbarview狀態的儲存。再來切換tab,會發現這這頁面init和build不會重複呼叫,並且原來滾動到底端的頁面,切回來還是在底端。

相關文章