FlutterLinearProgressIndicator设置⾼度以及设置进度条颜⾊
渐变。。。
Flutter控件的显⽰与隐藏 ：
new Offstage(
offstage: true, //这⾥控制当为true时控件隐藏
child: Container(color: Colors.blue,height: 100.0,),
),
Flutter的 LinearProgressIndicator不具备设置⾼度的选项，可以使⽤SizedBox来设置⾼度与宽度。
@override
Widget build(BuildContext context) {
return new SizedBox(
height: 2.0,
child: new LinearProgressIndicator(
value: animation.value,
backgroundColor: Colors.white,
valueColor: changeColor),
);
}
initState() {
super.initState();
controller = new AnimationController(
duration: const Duration(milliseconds: 10000), vsync: this);
gridview不显示
animation = new Tween(begin: 1.0, end: 0.0).animate(controller)
..addStatusListener((status) {
if (status == AnimationStatuspleted) {
complete();
controller.forward();
}
})
..addListener(() {
setState(() {});
});
controller.forward(
from: (w().millisecondsSinceEpoch / 1000 % 30) / 30.0);
changeColor = ColorTween(
begin: const Color(0xff5acd6c),
end: d,
).animate(
CurvedAnimation(
parent: controller,
curve: Interval(
0.83,
0.83,
curve: Curves.linear,
),
),
);
}
通过Animation<Color> changeColor可以设置进度条颜⾊的渐变。
效果图如下：
GridView 不显⽰下拉阴影：
去掉阴影：
new GridView(
//controller控制是否显⽰下拉阴影
controller: new ScrollController(keepScrollOffset: false),
gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount( //      横轴数量这⾥的横轴就是x轴因为⽅向是垂直的时候主轴是垂直的              crossAxisCount: 3,
//主轴⽅向
mainAxisSpacing: 37.0,
//横轴⽅向间距
crossAxisSpacing: 30.0,
),
children: <Widget>[
_getLoadingInfo('Setting', "review.png", "router"),
],
),

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。