Flutter：如何创建圆形/圆形按钮

Question

我无法创建像 FloatingActionButton 这样的圆形按钮的任何示例？有没有办法创建它？

下面的代码创建了一个矩形按钮，圆形按钮有没有？

shape: RoundedRectangleBorder(borderRadius: new BorderRadius.circular(30.0))

Answer 1

您可以使用MaterialButton小部件。
它的形状字段可以设置为CircleBorder值，这将为您提供一个圆形按钮。

例如，我修改了我的项目视图之一的代码，其中我有圆角矩形按钮，使其中一个变成圆形：

Container(
  width: 80,
  height: 80,
  child: MaterialButton(
    shape: CircleBorder(
              side: BorderSide(
                width: 2,
                color: Colors.red,
                style: BorderStyle.solid,
              ),
    ),
    child: Text("Login"),
    color: Colors.teal,
    textColor: Colors.amber,
    onPressed: (){},
  ),
),

截屏：

Answer 2

我们可以通过widget创建一个圆形按钮FloatingActionButton。

 return Container(
      alignment: Alignment.center,
        child: new SizedBox(
      child: FloatingActionButton(
          backgroundColor: Colors.red,
          child: null,
          onPressed: () {
            print("Cliked");
          },)
    ));
  }

输出：