Цвет фона диалогового окна изменения флаттера

Question

Я использовал свойство dialogBackgroundColor, но цвет не менялся.Может кто-нибудь сказать мне, как изменить цвет фона диалога?

Answer 1

Вы можете сделать это без использования Builder.

Вот пример.

@override
Widget build(BuildContext context) {
  return RaisedButton(
    onPressed: () {
      showDialog(
        context: context,
        builder: (context) {
          return Theme(
            data: Theme.of(context).copyWith(dialogBackgroundColor: Colors.orange),
            child: AlertDialog(
              title: Text("Dialog Title"),
            ),
          );
        },
      );
    },
    child: Text("Show dialog"),
  );
}

Answer 2

Теперь вы можете использовать backgroundColor свойство AlertDialog для изменения цвета.

AlertDialog(
  backgroundColor: Colors.orange,
  ...
)

Answer 3

Вам нужно обернуть Dialog в Builder вот так.После этого dialogBackgroundColor будет иметь эффект.

Theme(
  data: ThemeData(dialogBackgroundColor: Colors.orange),
  child: Builder(
    builder: (context) {
      return RaisedButton(
        onPressed: () {
          showDialog(
            context: context,
            builder: (context) {
              return AlertDialog(
                title: Text("Dialog title"),
              );
            },
          );
        },
        child: Text("Show dialog"),
      );
    },
  ),
)