如何在 flutter 中制作水平条

Question

我正在尝试创建一个水平条，根据颤振应用程序中提供的数字，该水平条的颜色强度会增加。有人有想法吗？

Answer 1

您可以将行与扩展和文本一起使用

 Row(
  mainAxisAlignment: MainAxisAlignment.spaceBetween,
  children: [
    Expanded(
      child: Padding(
        padding: const EdgeInsets.all(8.0),
        child: SizedBox(
          height: 10,
          child: LinearProgressIndicator(
            value: 200 / 425, //current / max

            backgroundColor: Colors.blue.shade100,
            color: Colors.blue,
          ),
        ),
      ),
    ),
    Text("value")
  ],
),