如何使用 flutter 中的 alertDialog 更改 header 的背景颜色？

Question

currently only the text is only painted with the following code

AlertDialog(
   shape: RoundedRectangleBorder(
   borderRadius: BorderRadius.circular(20.0)),
   title: Text(
     'Error',
     style: TextStyle(backgroundColor: STYLES.styles["success"]),
   )
   .
   .
   .

I would like to paint the header of the alertDialog in one color, how can I do it?

Answer 1

You can use Container as the title .

There's a titlePadding property for AlertDialog . If title isn't null, the default value is 24. therefore you need to explicitly supply it with 0.

AlertDialog(
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(20.0)),
  title: Container(
    color: Colors.red,
    child: Text('Error'),
  ),
  titlePadding: const EdgeInsets.all(0),
)

Answer 2

You can wrap the title inside a Container and align it with center .

Try something like this..

 AlertDialog(
  shape: RoundedRectangleBorder(
  borderRadius: BorderRadius.circular(20.0)),
  title: Container(
  color: Colors.orange,
  child: Center(
    child: Text("Error"),
 )),
 titlePadding: const EdgeInsets.all(0),
 )