[Flutter]ModalBottomSheet(モーダルボトムシート)を円(circle)にするには？

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

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

方法

ModalBottomSheetを円にするには、showModalBottoSheetの引数「shape」を使います。

具体的な方法としては、引数「shape」に「CircleBorder()」を指定します。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            showModalBottomSheet(
              shape: CircleBorder(),
              context: context,
              builder: (context) {
                return Container();
              },
            );
          },
          child: Text('Show'),
        ),
      ),
    );
  }