Flutter AlertDialogを円にするサンプル

2023年9月23日

環境
Windows11 pro 64bit
Flutter 3.3.7

構文
shape: CircleBorder(),
AlertDialogを円にするには、引数「shape」に「CircleBorder」を指定します。

使用例

AlertDialog(
  shape: CircleBorder(),
  title: Align(
    alignment: Alignment.center,
    child: Text('テスト'),
  ),
  content: Container(
    width: 120,
    height: 120,
  ),
),

説明
円にするとタイトルの位置がずれます。
タイトルの位置を真ん中に調整します。