颤动-如何在小部件上按计时器绘制线条？

Question

我有这个小部件：

这是他的代码：

@override
Widget build(BuildContext context) {
return SingleChildScrollView(
    controller: this.scrollController,
    scrollDirection: Axis.horizontal,
    child: Row(
        children: getItems()));
}

List<Widget> getItems() {
var items = List<Widget>();

for( var i = 0 ; i <= 20; i=i+1 ) {
   var curr = Padding(
    padding: const EdgeInsets.symmetric(horizontal: 8.0),
    child: Text(i.toString(), 
      style: textStyle,
      textAlign: TextAlign.center,
    ),
  );
  items.add(curr);
}
return items;

}

我有这个计时器：

Timer _timer;

@override
void initState() {
_timer =Timer.periodic(Duration(seconds: 3), (Timer t) => setState((){
 super.initState(); 
}));

我需要每秒在小部件上显示一行： 开始-画0 1秒-在1上绘制（删除领先线） 2秒-用2画（删除领先线）
等

示例：

开始-

1秒-

2秒-

我需要一个“时间证明”。这是指标（线）从左到右的移动。也许动画可以做到。

您有什么建议？我将不胜感激。