Image 如何在flatter中制作具有价格的图像盒

我将制作一个电子商务应用程序，包括价格、图像、折扣视图、， 但我不知道该怎么说。 我试过无数种方法，但他们什么也没给我

以下是预览：

---

你的问题太宽泛了，但它会试图为你提供必要的资源，以实现你想要的布局

这一切归结为布局小部件（您可以在这里找到目录：）。有单子和多子布局小部件。为了创建折扣标签效果，您需要一个堆栈小部件，顾名思义，它将其子部件堆叠在彼此的顶部，然后您可以将图像小部件和折扣小部件作为子部件，有效地将折扣标签放置在图像的顶部。每张卡的布局可能类似于：

Container(
  child: Column(
    children: <Widget>[
      Stack(
        children: <Widget>[
          Image(),
          DiscountWidget(),
        ],
      ),
      Text('Shirt'),
      Row(
        Text('Rp.50000'),
        Text('345'),
      ),
      Row(
        RatingWidget(),
        Text('Ready stock'),
      ),
    ],
  ),
);

容器(
子：列(
儿童：[
堆叠(
儿童：[
Image（），
折扣小部件（），
],
),
文本（“衬衫”），
划船(
文本（“50000卢比”），
文本（'345'），
),
划船(
RatingWidget（），
文本（“现货”），
),
],
),
);

当然，您需要实现DiscountWidget和RatingWidget，但该代码提供了如何创建所需布局的高级概述。

对于line throuh

          style: TextStyle(decoration: TextDecoration.lineThrough),

---

你用代码做了什么？老实说，我什么也没做，因为我找不到制作其中一个的教程，我只找到了如何在图像上方插入文本并使图像向右对齐。我很抱歉，因为我对这个框架还很陌生，你说我尝试了1000种方法，但什么都没有。做更多的研究一切都在那里然后告诉我我要在这里搜索什么研究如果我知道我的问题该怎么办？不要像你了解我的情况一样，做一个无所不知的先生：）哇。。所以这是一个高水平的，对吗？我走得太深了。我的技术水平很低，看来这对我来说是一个很难的家庭作业。但再次感谢你的解释。我会尝试你的建议，并将其应用到我的工作表中。非常感谢您，@Mariano Uvallen先生，您能教我如何将两个盒子并排放在盒子里，并在盒子里放一个图像吗？我仍然找不到如何做到这一点。再一次，它归结为布局小部件。如果你想有两张卡片并排，那么你需要另一个包含它们的行小部件。但是我怀疑你实际上想要的是一个GridView，它可以以可滚动的方式显示多张卡片。好的，非常感谢你的建议。我一直在网上寻找gridview教程，但我仍然对这个概念感到困惑。gridview可以并排显示3列吗？我的意思是这样的：方框--方框--方框--第一行包含3列--方框--方框--第二行包含2列--我的意思是gridview使它们成为现实了吗？？顺便说一句，很抱歉我的英语不好