【Flutter】둥근 ElevatedButton 구현

만드는 것

구현

import 'package:flutter/material.dart';

class CircleButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      child: Icon(
        Icons.add,
        color: Colors.white,
      ),
      style: ButtonStyle(
        minimumSize: MaterialStateProperty.all<Size>(Size(60, 60)),
        shape: MaterialStateProperty.all<CircleBorder>(CircleBorder(
          side: BorderSide(
            color: Colors.black,
            width: 1,
            style: BorderStyle.solid,
          ),
        )),
        backgroundColor: MaterialStateProperty.all<Color>(Colors.blue),
        elevation: MaterialStateProperty.all<double>(4.0),
      ),
    );
  }
}