CupertinoActivityIndicator 是 flutter 提供的 iOS 风格的加载菊花。
![](https://img.haomeiwen.com/i4837500/b2a1b8977151c586.png)
1. CupertinoActivityIndicator
const CupertinoActivityIndicator({
Key? key,
this.color,
this.animating = true,
this.radius = _kDefaultIndicatorRadius,
})
CupertinoActivityIndicator
属性 | 介绍 |
---|---|
animating | 是否有动画,默认为 true |
radius | 大小,默认为 10 |
color | 颜色 |
CupertinoActivityIndicator.partiallyRevealed
属性 | 介绍 |
---|---|
radius | 大小,默认为 10 |
progress | 当前进度,默认为 1.0,注意大于1时会报错 |
2. 示例
class MSCupertinoActivityIndicatorDemo extends StatelessWidget {
const MSCupertinoActivityIndicatorDemo({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return CupertinoPageScaffold(
navigationBar: CupertinoNavigationBar(middle: Text("iOS 风格")),
child: ListView(
children: [
CupertinoActivityIndicator(
color: Colors.amber, animating: true, radius: 20),
SizedBox(height: 20),
CupertinoActivityIndicator(
color: Colors.red[300],
animating: false,
radius: 15.0,
),
SizedBox(height: 20),
CupertinoActivityIndicator.partiallyRevealed(
color: Colors.cyan,
radius: 20,
progress: 0.5,
),
],
),
);
}
}
![](https://img.haomeiwen.com/i4837500/de599ab03433dd7f.gif)
网友评论