Flutter 颤振：如何创建百分比跟踪器

我在表单上有10个字段，我希望有一个类似下图的状态跟踪器

基本上，我会通过百分比，小部件应该被更新

因此，如果完成4项，则完成率为40%，， 你能给我一些关于如何创建这个小部件的提示吗

---

我觉得这有点奇怪，但可能会有所帮助

你需要一个验证器

您可以创建一个名为

checkProgress（）

的函数，并将其分配给

textformfield

的

onChanged

：

void checkProgress（）{
if（textformfieldcontroller.isValid）{
设置状态（）{
progressbar=progressbar+10；
});
}else if（textformfieldcontroller.isNotValid）{
setstate（（）{}）；
}
}

---

它可能会工作，但如果不是这样的话，这个概念就是将if语句与setstate一起使用。

我认为这有点奇怪，但可能会有所帮助

你需要一个验证器

您可以创建一个名为

checkProgress（）

的函数，并将其分配给

textformfield

的

onChanged

：

void checkProgress（）{
if（textformfieldcontroller.isValid）{
设置状态（）{
progressbar=progressbar+10；
});
}else if（textformfieldcontroller.isNotValid）{
setstate（（）{}）；
}
}

---

它可能会起作用，但如果不起作用，则概念是将if语句与setstate一起使用。

您可以使用库百分比指示器

 LinearPercentIndicator(animation: true,
 lineHeight: 15,
 animationDuration: 5000,
 percent: 0.4,
 backgroundColor: Colors.blue,
 progressColor: Colors.orange,
 center: Text(
  'Text',
  style: TextStyle(
  color: Theme.of(context).primaryColorDark,
  fontSize: 15,
  fontWeight: FontWeight.w500),
),
linearStrokeCap: LinearStrokeCap.roundAll,
),

---

参数“百分比”显示指示器中的进度

您可以使用库百分比指示器

 LinearPercentIndicator(animation: true,
 lineHeight: 15,
 animationDuration: 5000,
 percent: 0.4,
 backgroundColor: Colors.blue,
 progressColor: Colors.orange,
 center: Text(
  'Text',
  style: TextStyle(
  color: Theme.of(context).primaryColorDark,
  fontSize: 15,
  fontWeight: FontWeight.w500),
),
linearStrokeCap: LinearStrokeCap.roundAll,
),

---

参数“百分比”显示指标中的进度

跟随我的答案：跟随我的答案：请在答案中添加一些解释/示例请在答案中添加一些解释/示例