[Flutter]DrawerHeaderの形(shape)を円(circle)にするには？

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

DrawerHeaderの形を円にする方法を紹介します。

方法

DrawerHeaderの形を円にするには、BoxDecorationを使います。

まず、DrawerHeaderの引数「decoration」にBoxDecorationを指定します。

そして、BoxDecorationの引数「shape」にBoxShape.circleを指定します。

DrawerHeader(
  decoration: BoxDecoration(
    shape: BoxShape.circle,
    color: Colors.yellow,
  ),
  child: Container(),
),

これでDrawerHeaderを円にすることが出来ます。