[英]How to change the color of the overscroll glow effect of ListView in Flutter?
[英]Different color of Overscroll indicator in flutter?
ListView
的顶部和底部Overscroll
指示器是否可以有不同的color
?
我有ListView
的背景颜色渐变,并希望它顶部Overscroll
指示器与渐变顶部匹配,底部指示器与渐变底部匹配。
您可以使用GlowingOverscrollIndicator
包装ListView
并设置其color
参数。 要更改顶部和底部的颜色,您可以将侦听器添加到ListView
的滚动 controller 。
var _color = Colors.blue;
_listener() {
if (_scrollController.offset >=
_scrollController.position.maxScrollExtent &&
!_scrollController.position.outOfRange) {
// bottom
setState(() {
_color = Colors.red;
});
}
if (_scrollController.offset <=
_scrollController.position.minScrollExtent &&
!_scrollController.position.outOfRange) {
// top
setState(() {
_color = Colors.blue;
});
}
}
@override
void initState() {
super.initState();
_scrollController.addListener(_listener);
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: GlowingOverscrollIndicator(
axisDirection: AxisDirection.down,
color: _color,
child: ListView.builder(
controller: _scrollController,
physics: ClampingScrollPhysics(),
itemCount: 30,
itemBuilder: (context, index) {
return ListTile(
title: Text('$index'),
);
},
),
));
}
结果:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.