dart - Flutter showDialog、AlertDialog背景渐变。

Question

对于颜色，我可以使用 dialogBackgroundColor 属性为 AlertDialog 背景提供我自己的颜色。

我希望使用 Gradient 作为我的背景。我该如何使用它？ DecoratedBox 是需要的东西，但我不知道用什么包裹。任何人都可以给我想法或链接吗？

Answer 1

你可以在里面添加一个Container，用渐变装饰。例如:

class GradientDialog extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return new _GradientDialogState();
  }
}

class _GradientDialogState extends State<GradientDialog> {

  @override
  Widget build(BuildContext context) {
    return AlertDialog(
      content: Container(
        padding: const EdgeInsets.all(8.0),
        decoration: new BoxDecoration(
            gradient: new LinearGradient(
                colors: AppColors.BG_GRADIENT,
                begin: Alignment.topCenter,
                end: Alignment.bottomCenter)),
        child: YourContentInside(),

      ),
      contentPadding: EdgeInsets.all(0.0),
    );
  }
}

用

打开它

showDialog(
    context: context,
    barrierDismissible: true,
    builder: (BuildContext context) {
      return GradientDialog();
    });