Flutter Ripple 效果颜色
Flutter Ripple effect color
如何在 Flutter 中更改波纹效果颜色?
将您的小部件包装在 Theme
中并提供 data
作为
data: ThemeData(splashColor: Colors.red)
@CopsOnRoad 的回答示例。 (Like-Button)
Theme(
data: ThemeData(splashColor: Colors.red[200]),
child: Material(
elevation: 0,
shape: CircleBorder(),
clipBehavior: Clip.hardEdge,
color: Colors.transparent,
child: InkWell(
child: Padding(
padding: const EdgeInsets.all(10),
child: Icon(
Icons.favorite,
color: _isLiked ? Colors.red : Colors.black12,
size: 20,
),
),
onTap: () {
if(_isLiked){
setState(() {
_isLiked = false;
//You backend state manage code
});
}else{
setState(() {
_isLiked = true;
//You backend state manage code
});
}
},
),
),
)
如何在 Flutter 中更改波纹效果颜色?
将您的小部件包装在 Theme
中并提供 data
作为
data: ThemeData(splashColor: Colors.red)
@CopsOnRoad 的回答示例。 (Like-Button)
Theme(
data: ThemeData(splashColor: Colors.red[200]),
child: Material(
elevation: 0,
shape: CircleBorder(),
clipBehavior: Clip.hardEdge,
color: Colors.transparent,
child: InkWell(
child: Padding(
padding: const EdgeInsets.all(10),
child: Icon(
Icons.favorite,
color: _isLiked ? Colors.red : Colors.black12,
size: 20,
),
),
onTap: () {
if(_isLiked){
setState(() {
_isLiked = false;
//You backend state manage code
});
}else{
setState(() {
_isLiked = true;
//You backend state manage code
});
}
},
),
),
)