flutter - Flutter-LinearProgressIndicator中的文本

Question

在Flutter中，我有LinearProgressIndicator。可行，但我想在此栏中添加文本（进度）。

我尝试这样的事情

SafeArea(
  child: Row(children: <Widget>[
  Center(
    child: Text(DateFormat.ms()
                .format(DateTime.fromMillisecondsSinceEpoch(
                 minuteSecond * 1000))
                 .toString())),
           Expanded(
             child: LinearProgressIndicator(
                     semanticsLabel: (animation.value * 100.0).toStringAsFixed(1).toString(),                
                     semanticsValue:  (animation.value * 100.0).toStringAsFixed(1).toString(),   
                     value: animation.value,
                     backgroundColor: Colors.white,
                     valueColor:
                              AlwaysStoppedAnimation<Color>(Colors.red))),
])),

但是很明显，这会将文本添加到条的同一行中，而不是内部。

因此：有人知道如何在此条形图内添加中心（居中）？使用堆栈元素？

更新

有人知道我如何在ProgressBar内垂直对齐文本吗？

Answer 1

您必须使用Stack，请尝试以下操作：

为简单起见，我对0.6值进行了硬编码，可以在其中使用animation.value。

Stack(
  children: <Widget>[
    SizedBox(
      height: 20,
      child: LinearProgressIndicator(
        value: 0.6,
        backgroundColor: Colors.white,
        valueColor: AlwaysStoppedAnimation<Color>(Colors.red),
      ),
    ),
    Align(child: Text("Text"), alignment: Alignment.topCenter,),
  ],
)

屏幕截图：