Flutter Widget 之CupertinoActivityIndicator

249 阅读1分钟

你的app是否需要加载指示器?

你的UI有没有使用Cupertino小部件?如果有,你可以试试看CupertinoActivityIndicator!

CupertinoActivityIndicator是Cupertino版的循环进度指示器

CupertinoActivityIndicator(
),

ezgif.com-gif-maker.gif 如果你要冻结动画,请将动画参数设置为false

CupertinoActivityIndicator(
    animating: false,
),

image.png 你也可以使用radius属性更改CupertinoActivityIndicator的大小

CupertinoActivityIndicator(
    animating: false,
    radius: 50,
)

image.png

CupertinoActivityIndicator对于等待不确定的行为特别有用,你可以把它包装在FutureBuilder里以把它合并到你的app中

FutureBuilder<String>(
    future: _fetchMyData,
    builder: (context, snapshot) {
        if (snapshot.hasData) {
            // return cool UI;
        } else {
            return CupertinoActivityIndicator();
        }
    }
)

在你的app下载数据时CupertinoActivityIndicator会出现并在数据准备好消失

ezgif.com-gif-maker (2).gif

如果想了解有关CupertinoActivityIndicator的内容,或者关于Flutter的其他功能,请访问flutter.dev

原文翻译自视频:视频地址