如何在卡片中添加文本和背景图像？

Question

我尝试在卡片中的图片上添加文字。我需要背景中的图片和前景中的文本。当我点击它时，它应该会切换到另一个屏幕，但到目前为止我还没有编写代码。这是我尝试在图片上“覆盖”文字的代码，但出现错误。有谁能够帮我？提前致谢。

Card(
              semanticContainer: true,
              child: Image.asset(
                'images/Bild1.jpg',
                fit: BoxFit.fill,
              ),
                Text("test")
            ),

Answer 1

您必须使用Stack 将文本定位在图像上方；您不能只在卡片的child 下添加没有任何上下文的文本。试试这个代码：

Card(
  semanticContainer: true,
  child: Stack(
    children: [
      Image.asset(
        'images/Bild1.jpg',
        fit: BoxFit.fill,
      ),
      Text("test"),
    ],
  ),
);