我想在 Flutter 中将边框颜色赋予线性百分比指示器

Question

我试图通过使用容器为线性进度指示提供边框，但它对我不起作用。这是代码。

Container(
  width: Get.width*0.8,
  decoration: BoxDecoration(
    border: Border.all(
      color: Colors.black
    ),
  ),
  child: LinearPercentIndicator(
    // width: Get.width*0.8,
    lineHeight:Get.height*0.04,
    percent: percent/100,
    backgroundColor: Colors.grey,
    progressColor: AppColors.orangeTextColor,
    center: Text(
      percent.toString() + "%",
      style: TextStyle(
        fontSize: 12.0,
        fontWeight: FontWeight.w600,
        color: Colors.black
      ),
    ),
  ),
),

这是 output：

Answer 1

LinearPercentIndicator带有EdgeInsets.symmetric(horizontal: 10.0)的默认填充。 像这样将其更改为零将修复它：

LinearPercentIndicator(
        padding: EdgeInsets.zero,