我们可以使用FlatButton.icon()
来创建带图标的按钮,但是需要提供label
参数。我们也可以使用 IconButton()
来创建圆形图标按钮。
那么,在Flutter中如何创建类似于FlatButton()
,但只有图标的矩形图标按钮呢?
Container(
height: 100.0,
width: 100.0,
child: FlatButton(
child: Icon(Icons.place),
onPressed: () {},
),
),
InkWell(
child: Container(
decoration: BoxDecoration(
shape: BoxShape.rectangle,
border: Border.all(
width: 1,
)),
child: Icon(Icons.add, color: Colors.black),
),
onTap: () {},
),
使用Inkwell结合容器,您可以像上面的示例一样轻松制作自定义按钮
InkWell(
child: Container(
decoration: BoxDecoration(
shape: BoxShape.rectangle,
border: Border.all(
width: 1,
)),
child: Icon(Icons.add, color: Colors.black),
),
onTap: () {},
),