跨平台App开发Flutter StreamBuilder 实现的一个倒计时功能
题记
—— 执剑天涯,从你的点滴积累开始,所及之处,必精益求精。

Flutter是谷歌推出的最新的移动开发框架。
本文章最终实现的效果如下:

本效果在应用开发中常用于 APP 的开屏广告倒计时页面功能。
首先创建一个 单订阅流控制器 StreamController,通过 WidgetsBinding 来监听 Widget 绘制完成后开启一个 Timer 计时器,代码如下:


当然在这个 Widget 页面销毁时也需要关闭

Timer 计时器一旦执行了 cancel 方法后,就不可以再次重新覆用,所以在这里封装成了一个方法块,以便多次使用,创建 Timer 计时器的代码如下:

对于页面的主体结构还是使用了 Scaffold 脚手架组件来构建的,代码如下:

在这里通过 StreamBuilder 实时来刷新进度与文字显示的,代码如下:

运行调试效果如下:
