[Flutter]MaterialButtonを円にする方法

どうも、ちょげ(@chogetarou)です。

MaterialButtonを円にする方法を紹介します。

方法

MaterialButton(
  color: Colors.blue,
  shape: CircleBorder(),
  onPressed: () {},
  child: Padding(
    padding: const EdgeInsets.all(50),
    child: Text(
      'Button',
      style: TextStyle(color: Colors.white, fontSize: 24),
    ),
  ),
)

MaterialButtonを円にするには、引数「shape」に「CircleBorder」を指定します。

また、円からテキストがはみ出さないように、サイズの調整をする必要があります。