簡體   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