flutter - 如何在 Flutter 中为 LinearProgressIndicator 添加边框/角半径?
问题描述
我正在尝试向LinearProgressIndicator
Flutter 中的 a 添加边框半径。
当我在下面的代码LinearProgressIndicator
中用另一个小部件(例如Text
)替换时,它按预期工作。
Container(
decoration: new BoxDecoration(
borderRadius:
new BorderRadius.all(const Radius.circular(20.0))),
child: LinearProgressIndicator(
value: _time,
),
)
解决方案
1) 使用小部件
Container(
margin: EdgeInsets.symmetric(vertical: 20),
width: 300,
height: 20,
child: ClipRRect(
borderRadius: BorderRadius.all(Radius.circular(10)),
child: LinearProgressIndicator(
value: 0.7,
valueColor: AlwaysStoppedAnimation<Color>(Color(0xff00ff00)),
backgroundColor: Color(0xffD6D6D6),
),
),
)
2)使用依赖
不同类型指标列表https://pub.dev/packages/percent_indicator
试试这个模板代码
child: Padding(
padding: EdgeInsets.all(15.0),
child: LinearPercentIndicator(
width: MediaQuery.of(context).size.width - 50,
animation: true,
lineHeight: 20.0,
animationDuration: 2000,
percent: 0.9,
linearStrokeCap: LinearStrokeCap.roundAll,
progressColor: Colors.greenAccent,
),
)
推荐阅读
- excel-formula - 如何获得单个单元格公式中每行的 MAX 值的总和?
- applescript - 在列表苹果脚本中获取所选项目的索引
- wordpress - 在跨网站的多站点网络 (Wordpress) 中显示博客文章
- javascript - React Native Firebase 按字段值(通配符)(文档路径)获取文档在 React 中有效,但在 React Native 中无效
- php - DirectAdmin、多个 PHP 版本和 MSSQL
- excel - 一次性运行具有多个 URL 的 VBA 脚本
- r - 重新排序R中的行组
- html - FRAME src 属性:我必须对值进行 URI 编码吗?
- java - 使用提取的 java 源代码与 maven 一起编译
- javascript - 如何在 DOM 中开始文本节点