CircularProgressIndicator
循环进度指示器视图文章来源地址https://www.toymoban.com/news/detail-754681.html
定义及作用
- 循环进度指示器视图。
- 在页面绘制一个循环进度指示器视图。
参数
const CircularProgressIndicator({
super.key,
super.value,
super.backgroundColor,
super.color,
super.valueColor,
this.strokeWidth = 4.0,//条的宽度
super.semanticsLabel,//描述CircularProgressIndicator的预期用途
super.semanticsValue,//为屏幕阅读器提供有关当前进度的信息,给盲人用的,比如设置0.3这个进度时,就会为盲人读30%
})
代码示例
无限循环指示器
CircularProgressIndicator(
backgroundColor: Colors.blue,
valueColor: AlwaysStoppedAnimation<Color>(Colors.red),
)
能显示进度的指示器
- 设置了value就会让指示器固定到对应比例的长度
- 可以用于下载时显示进度,更新value的值并且setstate重绘制即可
CircularProgressIndicator(
value: 0.3,
backgroundColor: Colors.blue,
valueColor: AlwaysStoppedAnimation<Color>(Colors.red),
)
文章来源:https://www.toymoban.com/news/detail-754681.html
到了这里,关于flutter的CircularProgressIndicator基本使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!