如何在卡片中添加文字和bakground-图片？

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"),
    ],
  ),
);