使用焦点节点的Flutter凸起按钮

Question

我正在处理一个带有多个图标的flutter菜单，我想让它高亮显示或为当前选择的应用程序添加边框，但我无法将其转移到其他图标，你能帮我吗？

new RaisedButton(
shape: new CircleBorder(
side: BorderSide(color: Colors.deepOrange, width: 5)),
padding: EdgeInsets.fromLTRB(5, 5, 5, 5),
onPressed: () {
_openApp();
},
child: ClipRRect(
borderRadius: BorderRadius.circular(40.0),
child: Image.asset(
"lib/assets/image/icons/open.png",
width: 80.0,
height: 80.0,
),
),
elevation: 100.0,
),

Answer 1

您可以使用RaisedButton小部件的highlightColor属性。以下是如何完成的；

new RaisedButton(
shape: new CircleBorder(
side: BorderSide(color: Colors.deepOrange, width: 5)),
padding: EdgeInsets.fromLTRB(5, 5, 5, 5),
highlightColor: YOUR_PRESSED_COLOR, //Replace with actual colors
onPressed: () {
_openApp();
},
child: ClipRRect(
borderRadius: BorderRadius.circular(40.0),
child: Image.asset(
"lib/assets/image/icons/open.png",
width: 80.0,
height: 80.0,
),
),
elevation: 100.0,
),