flutter - 颤振 - 如何在小部件上按计时器画线？

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 秒 -

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

你有什么建议？我将不胜感激任何建议。

标签： flutterdartflutter-layoutflutter-animation