加载数据的时候可以显示一个进度指示器。新建一个文件,放在 lib/app/components 里面,名字是 app_indicator.dart 。
在文件里定义一个小部件,名字是 AppIndicator,添加几个属性,final double? size,再添加一个 double 类型的 strokeWidth,然后是一个 double? 类型的 value 。在构造方法里添加几个带名字的参数,this.size 默认值是 24,this.strokeWidth 默认值是 2,再添加一个 this.value 。
小部件里面用一个 Container ,把这个容器的宽度还有高度都设置成 size 这个属性表示的值。 容器的 child 是一个 CircularProgressIndicator ,设置一下 strokeWidth 值是 strokeWidth,再设置一下 value ,值是 value 。