flutter的CircularProgressIndicator基本使用

CircularProgressIndicator

循环进度指示器视图

定义及作用

  • 循环进度指示器视图。
  • 在页面绘制一个循环进度指示器视图。

参数

复制代码
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),
      )

相关推荐
Zender Han5 小时前
Flutter 视频播放器——flick_video_player 介绍与使用
android·flutter·ios·音视频
恋猫de小郭9 小时前
Flutter Riverpod 3.0 发布,大规模重构下的全新状态管理框架
android·前端·flutter
RaidenLiu11 小时前
Riverpod 3:重建控制的实践与性能优化指南
前端·flutter
蒋星熠1 天前
Flutter跨平台工程实践与原理透视:从渲染引擎到高质产物
开发语言·python·算法·flutter·设计模式·性能优化·硬件工程
卢叁1 天前
Flutter之自定义TabIndicator
前端·flutter
萧雾宇1 天前
Android Compose打造仿现实逼真的烟花特效
android·flutter·kotlin
拜无忧1 天前
【教程】flutter常用知识点总结-针对小白
android·flutter·android studio
拜无忧1 天前
【教程】Flutter 高性能项目架构创建指南:从入门到高性能架构
android·flutter·android studio
醉过才知酒浓1 天前
flutter 拦截返回按钮的方法(WillPopScope or PopScope)
flutter
傅里叶1 天前
sudo启动Flutter程序AMD初始化失败
linux·flutter