繁体   English   中英

如何创建一个有很多行的颤振状态(进度)栏?

[英]How to create a flutter status (progress) bar with a lot of lines?

我需要创建这个进度条:

在此处输入图像描述

需要帮助,如何在没有库的情况下创建它,或者更好地使用一个和哪个?

最好使用来自 pub.dev 的小部件来做这样的事情!

如果你想完全控制它,我会这样做。 颤振中有两种类型的进度条,不确定的和确定的,我猜你的进度条是后者,因为它似乎表示进度的百分比。

在确定进度条的情况下,重要的是要知道什么决定了它的状态。 它是一个时间延迟的进度条吗? 还是未来的完成进度条?

如果它是一个时间延迟的进度条,每 X 秒前进一次,我建议创建一个带有计时器实例的有状态小部件,该实例每 X 秒更新一次计数器和小部件。 然后让这个小部件绘制一个 LinearProgressIndicator,其中进度由这个计数器定义。 如果你想使用你自己的,你可以设置一个容器作为进度条的背景,并在这个容器中添加一个 Row 子元素,你可以在其中添加 N 个形状(取决于计数器)来表示进度。

如果您希望进度条与未来的完成一起前进,我建议您查看 ValueListenable! 允许您从其他小部件更改小部件上的计数器。

希望我能帮助指导你一点! ;)

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM