美文网首页
Flutter 之 CupertinoActivityIndic

Flutter 之 CupertinoActivityIndic

作者: maskerII | 来源:发表于2022-05-12 13:40 被阅读0次

CupertinoActivityIndicator 是 flutter 提供的 iOS 风格的加载菊花。

image.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,
          ),
        ],
      ),
    );
  }
}

91.gif

相关文章

网友评论

      本文标题:Flutter 之 CupertinoActivityIndic

      本文链接:https://www.haomeiwen.com/subject/dcfjurtx.html