flutter - Flutter 的自定义 CircularProgressIndicator

标签 flutter flutter-layout

我想制作一个自定义的 CircularProgressIndicator 以具有渐变、高程和圆角,但我找不到任何具有该功能的库。您能否分享您的最爱或任何解决方法?它不需要动画,只需一个静态进度条来接收进度值并显示它,例如: Shadows, rounded corners and gradient

最佳答案

试试这个套餐:

percent_indicator

CircularPercentIndicator(
    radius: screenWidth / 4, 
    lineWidth: 5.0, 
    percent: 0.75, 
    center: new Text("75%", style: TextStyle(color: Color(0xFF535355))), 
    linearGradient: LinearGradient(begin: Alignment.topRight,end:Alignment.bottomLeft, colors: <Color>    [Color(0xFF1AB600),Color(0xFF6DD400)]),rotateLinearGradient: true, circularStrokeCap: CircularStrokeCap.round)

关于flutter - Flutter 的自定义 CircularProgressIndicator,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64926753/

相关文章:

android - 如何在 Android 上使用 Flutter 成功完成应用内购买?

flutter - 在构建期间在将小部件作为参数传递时调用setstate()或markneedsbuild()

flutter - 在 Flutter 中为选定的 BottomNavigationBarItem 禁用文本增长动画

Flutter BloC bool 更新状态

Flutter:我希望我的屏幕在选择 Textfield 时自动向上滚动,这样我的提交按钮就不会被隐藏?

dart - 我如何在容器内构建 ListView 滚动?

charts - 如何在 flutter 中自定义条形图每个条形的颜色?

Flutter Layout : How can I put a Row inside a Flex (or another Row) in Flutter? 同样使用 Stack 小部件

Flutter - 堆叠在一张条形图中的水平条形图

flutter - 如何在 Flutter 中绘制尖三角形边?