如何在Flutter中更改小工具亮度

Question

在CSS中，我可以使用过滤器来更改亮度。很容易使按钮悬停效果。

filter: brightness(1.1);
filter: brightness(0.9);

有什么方法可以改变Flutter中的小工具亮度吗？

Answer 1

如果你的主要目标是在按钮上提供悬停效果，你可以使用动画容器(用于效果)和inkwell(onHover方法在悬停发生时通知)的组合

AnimatedContainer(
height: 70,
duration: Duration(milliseconds: 200),
padding: EdgeInsets.only(
top: (isHover) ? 25 : 30.0, bottom: !(isHover) ? 25 : 30),
child: Container(
height: 30,
color: Colors.blue,
child: InkWell(
onTap: () {},
child: Text("Hover Button"),
onHover: (val) {
print("Val--->{}$val");
setState(() {
isHover = val;
});
},
),

Answer 2

我们在颤振中这样做

Colors.red.withOpacity(1.1);