
微信交流群
# LinearProgressIndicator
水平进度指示器,基本用法如下:
LinearProgressIndicator()
1
效果如下:
设置具体进度值:
LinearProgressIndicator(
value: 0.3,
)
1
2
3
2
3
value
的值范围是0-1,效果如下:
设置背景颜色及进度值:
LinearProgressIndicator(
value: 0.3,
backgroundColor: Colors.greenAccent,
valueColor: AlwaysStoppedAnimation<Color>(Colors.red),
)
1
2
3
4
5
2
3
4
5
效果如下:
# CircularProgressIndicator
CircularProgressIndicator 是圆形进度条,和LinearProgressIndicator用法一样:
CircularProgressIndicator()
1
效果如下:
设置进度值及颜色值:
CircularProgressIndicator(
value: 0.3,
backgroundColor: Colors.greenAccent,
valueColor: AlwaysStoppedAnimation<Color>(Colors.red),
)
1
2
3
4
5
2
3
4
5
效果如下:
# CupertinoActivityIndicator
CupertinoActivityIndicator是ios风格的指示器,CupertinoActivityIndicator不能设置进度,只能一直转“菊花”。
CupertinoActivityIndicator(
radius: 10,
)
1
2
3
2
3
radius
参数是半径,值越大,控件越大。
效果如下:
版权所有,禁止私自转发、克隆网站。