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

Question

目前只有文字只用以下代码绘制

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

我想用一种颜色绘制 alertDialog 的 header，我该怎么做？

Answer 1

您可以使用 Container 作为title 。

AlertDialog有一个titlePadding属性。 如果title不是 null，则默认值为 24。因此您需要显式地为其提供 0。

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

Answer 2

您可以将标题包装在Container中并将其与center对齐。

试试这样的..

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