flutter的CircularProgressIndicator基本使用

这篇具有很好参考价值的文章主要介绍了flutter的CircularProgressIndicator基本使用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

CircularProgressIndicator

循环进度指示器视图文章来源地址https://www.toymoban.com/news/detail-754681.html

定义及作用

  • 循环进度指示器视图。
  • 在页面绘制一个循环进度指示器视图。

参数

const CircularProgressIndicator({
    super.key,
    super.value,
    super.backgroundColor,
    super.color,
    super.valueColor,
    this.strokeWidth = 4.0,//条的宽度
    super.semanticsLabel,//描述CircularProgressIndicator的预期用途
    super.semanticsValue,//为屏幕阅读器提供有关当前进度的信息,给盲人用的,比如设置0.3这个进度时,就会为盲人读30%
})

代码示例

无限循环指示器

CircularProgressIndicator(
    backgroundColor: Colors.blue,
    valueColor: AlwaysStoppedAnimation<Color>(Colors.red),
)

能显示进度的指示器

  • 设置了value就会让指示器固定到对应比例的长度
    • 可以用于下载时显示进度,更新value的值并且setstate重绘制即可
CircularProgressIndicator(
    value: 0.3,
    backgroundColor: Colors.blue,
    valueColor: AlwaysStoppedAnimation<Color>(Colors.red),
)

到了这里,关于flutter的CircularProgressIndicator基本使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Flutter框架中,组件间传值的基本方式

    1.构造函数传值 在创建widget时,可以通过构造函数将参数传递给子widget。例如: 2.回调函数传值 父widget可以在创建子widget时,传递一个回调函数,当子widget需要把值传给父widget时,就调用这个回调函数。例如: 3.InheritedWidget传值 InheritedWidget是Flutter框架提供的一种特殊的wid

    2024年02月09日
    浏览(37)
  • 【Flutter】Flutter 如何使用 flutter_swiper

    在移动应用开发中,轮播图是一种常见的 UI 元素,它可以用来展示一系列的图片或者内容。在 Flutter 中,我们可以使用 flutter_swiper 这个库来创建轮播图。那么在 Flutter 这个强大的移动应用开发框架中,我们如何使用 flutter_swiper 呢? 如果你想深入学习 Flutter,掌握更多的技巧

    2024年02月09日
    浏览(47)
  • 【Flutter】Flutter 如何使用 WebView

    在移动应用开发中,我们有时候需要在应用内部打开网页,而不是跳转到外部的浏览器。这时候,我们就需要使用到 WebView。那么在 Flutter 这个强大的移动应用开发框架中,我们如何使用 WebView 呢? 如果你想深入学习 Flutter,掌握更多的技巧和最佳实践,我有一个好消息要告

    2024年02月16日
    浏览(44)
  • 【Flutter】Flutter 使用 location 获取定位

    【Flutter】Flutter 使用 location 获取定位

    2024年02月05日
    浏览(41)
  • Flutter iOS 集成使用 flutter boost

    在 Flutter项目中集成完 flutter boost,并且已经使用了 flutter boost进行了路由管理,这时如果需要和iOS混合开发,这时就要到 原生端进行集成。 注意:之前建的项目必须是 Flutter module 项目,并且原生项目和flutter module项目在同一个文件夹下面 下面是原生端集成 flutter boost的步骤

    2024年02月13日
    浏览(33)
  • 【Flutter】Flutter 状态管理 Provider 包使用概述

    🎉想要精通 Flutter,掌握更多技巧和最佳实践?好消息来了!👉 Flutter专栏-Flutter Developer 101 入门小册 正在等你!📚 🔍这里有你需要的所有 Flutter 学习资源,包括代码示例和深度解析。🎯 ⏰专栏内容持续更新,价格也会随之上涨。现在加入,享受最优惠的价格!💰 🚀现

    2024年02月09日
    浏览(41)
  • 【Flutter】Flutter 使用splashscreen包创建启动页面

    大家好,今天我们要聊一聊如何在 Flutter 中使用 splashscreen 包来创建一个漂亮的启动页面。启动页面在许多应用中都是非常重要的一部分,它能够给用户留下深刻的第一印象,并且可以在应用加载数据或者进行初始化操作的时候为用户提供一个视觉效果。 如果你想深入学习

    2024年02月08日
    浏览(69)
  • flutter:webview_flutter的简单使用

    最近在研究如何在应用程序中嵌入Web视图,发现有两个库不错。 一个是官方维护、一个是第三方维护。因为没说特别的需求,就使用了官方库,实现一些简单功能是完全ok的 不建议使用,因为效果不怎么样,当然也可能是我太菜不会用,下面这个问题就很难理解为什么会这样

    2024年02月12日
    浏览(46)
  • flutter:webview_flutter和flutter_inappwebview的简单使用

    最近在研究如何在应用程序中嵌入Web视图,发现有两个库不错。 一个是官方维护、一个是第三方维护。因为没说特别的需求,就使用了官方库,实现一些简单功能是完全ok的 不建议使用,因为效果不怎么样,当然也可能是我太菜不会用,下面这个问题就很难理解为什么会这样

    2024年02月12日
    浏览(53)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包