Flutter 圆形进度条不允许我在中间添加图像而不是进度百分比，我正在使用这个 Radial Gauge

Question

我正在使用 flutter 构建一个带有奖励收集选项的移动应用程序。我想做的是在进度条中间放一张产品图片，下面有一个计数器来显示收集的物品数量（在这个例子中，我们有咖啡）。

我试过使用“sleek_circular_slider”包和“Radial Gauge widget”但没有成功。我在这里检查了所有修改选项 https://pub.dev/documentation/sleek_circular_slider/latest/ 甚至没有在这里添加图像的选项。

这是百分比栏当前的样子

final slider = SleekCircularSlider(
  appearance: CircularSliderAppearance(
    customWidths: CustomSliderWidths(progressBarWidth: 10)),
  min: 10,
  max: 28,
  initialValue: 14,
);

这就是我想让它看起来像的方式

Answer 1

您可以将 innerWidget 设置为任何小部件。

这是我的应用程序的屏幕截图，它使用多个彼此嵌套的 SleekCircularSlider 小部件，然后我在最中心有一个文本小部件：