どうも、ちょげ(@chogetarou)です。
AlertDialog自体ではなく、その後ろの画面の色を変える方法を紹介します。
方法
AlertDialogの後ろの画面の色を変えるには、AlertDialogではなく「showDialog」の引数「barrierColor」を使います。
showDialogの引数「barrierColor」に色を指定することで、後ろの画面の色を変えることが出来ます。
showDialog(
barrierColor: Colors.blue.withOpacity(0.3),
context: context,
builder: (context) {
return AlertDialog(
title: Text('Alert'),
content: Text('This is sample.'),
);
},
)
コメント