问题标签 [flutter-circularprogressindicator]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
67 浏览

flutter - 颤振:CircularProgressIndicator 保持在列的中心

我是 Flutter 开发的新手,我创建了一个示例演示来从服务器获取 JSON 并绑定到ListView,我已经成功完成了。

现在我想在加载列表时在屏幕中央显示CircularProgressIndicator() 。

我尝试了很多方法,例如ExpandedFlexibleStack ,但没有成功。

你可以在这里查看完整的代码:main.dart

这是屏幕截图。

在此处输入图像描述

谁能帮我保持CircularProgressIndicator在中心?

0 投票
2 回答
2459 浏览

flutter - 在 Flutter 循环进度指示器中显示下载百分比

我正在使用 Flutter Advance_pdf_viewer包来显示从 URL 加载的 PDF 文件。第一次打开时,PDF 文件会下载到应用程序缓存中,下次再从缓存中加载。现在我使用 CircularProgressIndicator() 来显示下载进度。我想在此处添加进度百分比,以便用户更好地了解进度。我怎样才能做到这一点?

这是我的代码:

0 投票
0 回答
66 浏览

flutter - Flutter CircularProgressIndicator 描边类型

我想制作一个像图像一样的 CircularProgressIndicator。但我需要自定义笔画类型。是否有任何代码示例或库可以像图像一样更改笔划类型?

指示图:

在此处输入图像描述

0 投票
1 回答
147 浏览

flutter - 在flutter中登录应用程序期间加载主屏幕时的CircularprogressIndicator

我希望在用户登录设备时显示循环进度指示器。我在网上看到了各种方法,其中一种是使用 bool _isloading 像这里但在这里它用 curcularprogressindicator 替换了我的按钮并且没有登录 + 我希望指示器在中心screen 和其他是在使用我不需要的 futurebuilder 时。所以,我想了很多,找不到任何东西,所以如果你能帮助我,那就太好了。

我的代码:

调用函数

0 投票
2 回答
64 浏览

flutter - 如何在给定的分钟内以编程方式更新 CircularPercentIndicator 的进度颜色?

我有这个组件:

而启动定时器的方法是:

我的问题是,我想缓慢而平稳地填充进度颜色,即根据剩余时间更新百分比。像 Snapchat 录像机之类的东西。我想填满 3 分钟的百分比。我尝试过玩不同的东西,但要么太不流畅,要么很快就完成了。我究竟做错了什么?谢谢

0 投票
1 回答
42 浏览

flutter - 我在绘制进度指示器时遇到问题

我正在实现文件上传。我想使用 CircularProgressIndicator 显示上传进度。

FileUploadController 类的uploadFile() 函数将文件上传到服务器并告知上传进度的百分比。并且每帧都会调用“NotifyListeners()”来通知上传进度。

我尝试使用此信息绘制一个 CircularProgressIndicator,但出现错误。“在构建过程中调用了 setstate() 或 markneedsbuild()。

我认为问题是在 build() 中调用 notifyListeners() (uploadFile 函数调用它)。我该如何解决?

0 投票
1 回答
1053 浏览

flutter - 在计时器上进行的按钮周围的圆形进度指示器

我有一个播放按钮,可以播放用户录制的消息。一旦用户点击播放按钮,它就会变成一个停止按钮,显示一个圆形进度指示器,该指示器根据记录的消息总时间和当前轨道时间的百分比进行进度。

我做了一些工作,但还不够准确,具体取决于轨道的长度(4 秒对 6.5 秒),在循环进度指示器完成后轨道将运行更长的时间,或者轨道将在进度指示器之前结束已经完成了。

我也希望进展顺利,而不是间隔跳跃。 在此处输入图像描述

这是停止按钮的代码,它采用 adouble totalTime是轨道播放的总时间,然后启动计时器和 AnimationController。

也是完全透明的,自定义画家是我在网上找到的,并不完全理解它是如何工作的,所以即使那里没有问题,如果有人可以将其分解,我将不胜感激:D

0 投票
1 回答
338 浏览

flutter - API 调用完成后显示 CircularProgressIndicator() 不会停止

我试图在进行 API 调用时显示 CircularProgressIndicator。导航到 OrdersScreen 时,CircularProgressIndicator 会显示并且不会停止。

单击错误时,它会将我引导至我的 API 调用中的 try{} catch{} 块中的 catch。

这是我遇到的错误:

这是我的 API 调用:

带有 CircularProgressIndicator 的代码:

以供参考:

订单项:

购物车项目:

0 投票
0 回答
90 浏览

flutter - Flutter ConnectionState.waiting 在显示进度指示器之前添加延迟

我正在构建一个搜索功能,其中用户在 a 中输入内容TextField,结果显示在 a 中FutureBuilder。这里的问题是 CircularProgressIndicator() 只出现了几分之一秒,我宁愿它在显示之前等待一秒钟,如果它有必要的话。

另一个用户也有类似的问题,但选择让进度指示器显示最短时间以避免出现故障外观效果,但我更愿意延迟。

我想我需要在某处使用Future.delayed构造函数,但我不知道让它在 switch 语句中工作的语法。或者也许还有另一种解决方案?任何帮助都感激不尽!

0 投票
1 回答
2369 浏览

flutter - 使用自定义笔画帽在颤动中创建自定义圆形进度指示器

我需要创建这个百分比指标在此处输入图像描述

我怎样才能做到这一点?我在 Flutter 中尝试过 percent_indicator 包,但主要问题是我们的 strokeCap 选项数量有限。我也尝试过用两条弧线来做到这一点,但问题仍然存在。有没有办法创建一个自定义的strokeCap,或者没有canvas.drawArc的另一种方式?