【Flutter 组件系列第 3 篇】CupertinoActivityIndicator (iOS风格的活动指示器)

这是【Flutter 组件系列第 3 篇】，如果觉得有用的话，欢迎关注专栏。

一：CupertinoActivityIndicator 的构造函数

CupertinoActivityIndicator 是一个顺时针旋转的 iOS 风格的活动指示器，不能对其设置进度，只能一直转转转(除非你设置 animating = false)

其构造函数比较简单，只有两个属性

const CupertinoActivityIndicator({
    Key key,
    this.animating = true, // 是否正在运行活动指示器动画，默认为 true，设置 false 停止动画，animating 属性不能为空
    this.radius = _kDefaultIndicatorRadius, // 活动指示器的半径，默认为 10px。radius 属性不能为空，且必须大于0。
})

二：基本用法

CupertinoActivityIndicator(),

效果图如下

三：设置指示器的半径

CupertinoActivityIndicator(radius: 30),

效果图如下

当然，如果你想停止动画，设置 animating 属性为 false 即可，这里不再演示。

CupertinoActivityIndicator 组件还是比较简单的，不过这个需要和后台数据交互才更有意义，这里贴一个 官方推荐的网站(如被禁止访问，请复制 developer.apple.com/ios/human-interface-guidelines/controls/progress-indicators/#activity-indicators 进行访问)，有兴趣的可以看一看。

最后附上 CupertinoActivityIndicator 的官方文档链接，方便大家参考查看。

你的问题得到解决了吗？欢迎在评论区留言。

赠人玫瑰，手有余香，如果觉得文章不错，希望可以给个一键三连，感谢。

---

结束语

Google 的 Flutter 越来越火，截止 2020年8月13日 GitHub 标星已达 98.4K，Flutter 毅然是一种趋势，所以作为前端开发者，没有理由不趁早去学习。

无论你是 Flutter 新手还是已经入门了，不妨先点个关注，后续我会将 Flutter 中的常用组件（含有源码分析、组件的用法及注意事项）以及可能遇到的问题写到 CSDN 博客中，希望自己学习的同时，也可以帮助更多的人。