跨平臺App開發(fā)Flutter StreamBuilder 實現(xiàn)的一個倒計時功能
題記
—— 執(zhí)劍天涯,從你的點滴積累開始,所及之處,必精益求精。

Flutter是谷歌推出的最新的移動開發(fā)框架。
本文章最終實現(xiàn)的效果如下:

本效果在應用開發(fā)中常用于 APP 的開屏廣告倒計時頁面功能。
首先創(chuàng)建一個 單訂閱流控制器 StreamController,通過 WidgetsBinding 來監(jiān)聽 Widget 繪制完成后開啟一個 Timer 計時器,代碼如下:


當然在這個 Widget 頁面銷毀時也需要關閉

Timer 計時器一旦執(zhí)行了 cancel 方法后,就不可以再次重新覆用,所以在這里封裝成了一個方法塊,以便多次使用,創(chuàng)建 Timer 計時器的代碼如下:

對于頁面的主體結(jié)構還是使用了 Scaffold 腳手架組件來構建的,代碼如下:

在這里通過 StreamBuilder 實時來刷新進度與文字顯示的,代碼如下:

運行調(diào)試效果如下:

標簽: