美文网首页Flutter开发圈flutter学习
Flutter Progress(进度条)

Flutter Progress(进度条)

作者: iwakevin | 来源:发表于2018-12-12 14:04 被阅读474次

    在 Flutter 使用 LinearProgressIndicator 表示进度条组件。

    // 条形进度条
    new LinearProgressIndicator(
        backgroundColor: Colors.blue,
        // value: 0.2,
        valueColor: new AlwaysStoppedAnimation<Color>(Colors.red),
    ),
    new Container(padding: const EdgeInsets.all(20.0)),
    
    // 圆形进度条
    new CircularProgressIndicator(
        strokeWidth: 4.0,
        backgroundColor: Colors.blue,
        // value: 0.2,
        valueColor: new AlwaysStoppedAnimation<Color>(Colors.red),
    ),
    

    如果 value 为 null 或空,则显示一个动画,否则显示一个定值。Progress 的值只能设置 0 ~ 1.0,如果大于 1,则表示已经结束。

    相关文章

      网友评论

        本文标题:Flutter Progress(进度条)

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