如何使用 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),
 )