如何更改CupertinoAlertDialog的背景颜色？ [英] How to change background color of CupertinoAlertDialog?

问题描述

我想创建一个深色背景的CupertinoAlertDialog。

I want create a CupertinoAlertDialog with dark background.

然后我尝试使用主题小部件来解决此问题，但它不起作用。

And I try to use Theme widget to solve this problem, but it doesn't work.

此处有一些代码：

showDialog() {
    showCupertinoDialog(
        context: context,
        builder: (context) {
          return Theme(
            data: ThemeData(
                dialogBackgroundColor: Colors.black,
                dialogTheme: DialogTheme(backgroundColor: Colors.black)),
            child: CupertinoAlertDialog(
            title: Text('Title'),
            content: Text('Some message here'),
            actions: <Widget>[
               FlatButton(
                 onPressed: () {
                   Navigator.of(context).pop();
                 },
                 child: Text('OK'),
               ),
             ],
           ),
         );
       },
     );
  }

推荐答案

使用 ThemeData.dark代替使用 Colors.black （）

Instead of using Colors.black, use ThemeData.dark()

showDialog() {
    showCupertinoDialog(
        context: context,
        builder: (context) {
          return Theme(
            data: ThemeData.dark(),
            child: CupertinoAlertDialog(
            title: Text('Title'),
            content: Text('Some message here'),
            actions: <Widget>[
               FlatButton(
                 onPressed: () {
                   Navigator.of(context).pop();
                 },
                 child: Text('OK'),
               ),
             ],
           ),
         );
       },
     );
  }

这篇关于如何更改CupertinoAlertDialog的背景颜色？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！