flutter - 如何根据进度条的百分比对齐图标？

Question

我正在使用百分比指标库，我需要根据进度栏的百分比来对齐图标。

Answer 1

不确定如何将图标放置在进度栏顶部，但是如果您使用的是Stack，则可能会有所帮助

Stack(
        children: [
          LinearProgressIndicator(
            value: _value,
            valueColor: AlwaysStoppedAnimation<Color>(Colors.red),
            backgroundColor: Colors.grey,
            minHeight: 40
          ),
          LayoutBuilder(
                builder: (context, constrains) {
                  //5 is just the right padding
                  var leftPadding = constrains.maxWidth * _value - _iconSize - 5; 
                  var topPadding = (constrains.maxHeight - _iconSize) / 2;
                  return Padding(
                    padding: EdgeInsets.only(left: leftPadding, top: topPadding),
                    child: Icon(
                      Icons.airplanemode_active,
                      size: _iconSize.toDouble()
                    ),
                  );
                }
            )
        ]
      ),

看看这个codepen https://codepen.io/fcontreras-the-bashful/pen/GRZpRyg