flutter - 我如何在颤振中创建自定义进度指示器

Question

如何在 Flutter 中制作如下图所示的自定义圆形进度指示器？

示例 GIF

标签： flutterflutter-layoutflutter-animation

Answer 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,
      ),
    ),
  ),
);