Flutter AlertDialogを円にするサンプル
環境
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,
),
),
AlertDialog(
shape: CircleBorder(),
title: Align(
alignment: Alignment.center,
child: Text('テスト'),
),
content: Container(
width: 120,
height: 120,
),
),
AlertDialog(
shape: CircleBorder(),
title: Align(
alignment: Alignment.center,
child: Text('テスト'),
),
content: Container(
width: 120,
height: 120,
),
),
説明
円にするとタイトルの位置がずれます。
タイトルの位置を真ん中に調整します。