我如何在Flutter中创建自定义进度指示器

时间:2020-06-18 17:04:15

标签: flutter flutter-layout flutter-animation

如何在Flutter中创建自定义的圆形进度指示器,如下面的图片所示?

Gif of example

1 个答案:

答案 0 :(得分:1)

您可以使用Shimmer软件包来实现。 将Shimmer软件包添加到您的项目中,并像这样使用它。

SizedBox(
  width: 200.0,
  height: 100.0,
  child: Shimmer.fromColors(
    baseColor: Colors.red,
    highlightColor: Colors.yellow,
    child: Text(
      'Shimmer',
      textAlign: TextAlign.center,
      style: TextStyle(
        fontSize: 40.0,
        fontWeight:
        FontWeight.bold,
      ),
    ),
  ),
);