flutter 带小弧的半圆进度条

m3eecexj 于 2023-10-22 发布在 Flutter

关注(0)|答案(1)|浏览(283)

我想画一个像下面这样的小部件（半圆和它的小弧）：

我发现像sleek_circular_slider这样的库，但我只想要一个小圆弧，而不是一半。
我试过这段代码，但它并不好看：

Transform.scale(
      scaleX: 2,
      child: SleekCircularSlider(appearance: CircularSliderAppearance()),
    )

有没有一种方法可以做得更好，而不需要像使用堆栈和在画布外移动额外的空间这样的技巧？

flutter

来源：https://stackoverflow.com/questions/71934858/flutter-semi-circle-progress-bar-with-minor-arc

1条答案

按热度按时间

azpvetkf1#

您可以使用这个新包创建一个弧形进度条：
https://pub.dev/packages/arc_progress_bar_new
您只需像这样调用它，并调整弧参数：

ArcProgressBar(
    percentage: _progressPercentage,
    arcThickness: 5,
    innerPadding: 16,
    animateFromLastPercent: true,
    handleSize: 10,
    backgroundColor: Colors.black12,
    foregroundColor: Colors.black
    )

赞(0）回复(0）举报 2023-10-22

我来回答

flutter 带小弧的半圆进度条

1条答案

相关问题

热门标签

最新问答