如何在flutter中创建没有label的矩形图标按钮？

Question

we can create the icon button with FlatButton.icon() but it requires label parameter. we can also use IconButton() but it makes a circular icon button.

how to make a rectangle icon button like FlatButton() but with just icon in flutter?

Answer 1

Container(
  height: 100.0,
  width: 100.0,
  child: FlatButton(
    child: Icon(Icons.place),
    onPressed: () {},
  ),
),

Answer 2

You can create a container with an icon as a child and wrap the container with the InkWell widget to make it clickable. This way you can shape your container to your need, which in this case is a rectangle.

Here's a code sample -

InkWell(
        child: Container(
          decoration: BoxDecoration(
              shape: BoxShape.rectangle,
              border: Border.all(
                width: 1,
              )),
          child: Icon(Icons.add, color: Colors.black),
        ),
        onTap: () {},
      ),

Answer 3

Using Inkwell combination with container you can make customized button easily as done in above example

InkWell(
        child: Container(
          decoration: BoxDecoration(
              shape: BoxShape.rectangle,
              border: Border.all(
                width: 1,
              )),
          child: Icon(Icons.add, color: Colors.black),
        ),
        onTap: () {},
      ),