如何在 Flutter 的 AlertDialog 上設置背景圖像？

Question

我想單擊帶有 InkWell 的卡片，該卡片顯示圖像，因為它是一個帶有文本的 AlertDialog。 我認為問題可能是在 AlertDialog 上將圖像設置為背景，所以我可以在上面寫，但我只能使用 backgroundColor。

這是我的想法，但我無法將圖像設置為 AlertDialog 的背景。

child: InkWell(
    onTap: () {
        showDialog(
            context: context,
            builder: (BuildContext context) {
                return AlertDialog(
                    content: Container(...),
                );
            },
        );
    },
    child: Container(...),
),

Answer 1

在這里試試這個我可能沒有你想要的InkWell ，但這會導致圖像頂部的居中文本。 如果您不希望圖像和文本位於同一 alignment 中，請查看Positioned小部件。

Card(
          child: InkWell(
            child: Text('This is some text in a card'),
            onTap: () => showDialog(
              context: context,
              builder: (context) => AlertDialog(
                content: Stack(
                  alignment: Alignment.center,
                  children: <Widget>[
                    Image.asset(
                      'Path to image',
                      height: 200,
                      fit: BoxFit.cover,
                    ),
                    Text(
                      'This Is Some Text',
                      style: TextStyle(
                        fontSize: 24,
                      ),
                    ),
                  ],
                ),
              ),
            ),
          ),
        ),