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

Question

我们可以使用FlatButton.icon()来创建带图标的按钮，但是需要提供label参数。我们也可以使用 IconButton() 来创建圆形图标按钮。

那么，在Flutter中如何创建类似于FlatButton()，但只有图标的矩形图标按钮呢？

- rahul Kushwaha

---

FlatButton(child: Icon(Icons.add), minWidth: 0, ) - dlohani

Answer 1

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

- Stellar Creed

---

我在那里看不到矩形按钮，当你点击它时，它只显示一个（相当大的）矩形。 - Gigili

Answer 2

你可以创建一个带有图标的容器，并使用InkWell小部件将容器包装起来，以使其可点击。这样，你就可以根据需要对容器进行形状上的调整，本例中为矩形。

以下是代码示例 -

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

- Abbas

Answer 3

使用Inkwell结合容器，您可以像上面的示例一样轻松制作自定义按钮

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

- IonicFireBaseApp