Flutter 关于颤振的空格间文本

目前，我有一个产品价格、名称和旧价格的代码，当我编写代码时，它给出了一种非常不令人满意的风格：

我如何以最高的价格获得产品名称，中间价格和垂直底部的旧价格？例如：

鸡肉午餐盒

旧价格：55000

新价格：45000

用这种格式？我将非常感谢您的帮助

以下是我负责此图像的代码：

@override
  Widget build(BuildContext context) {
    return Card(
      child: Hero(
          tag: prod_name,
          child: Material(
            child: InkWell(
              onTap: () {},
              child: GridTile(
                  footer: Container(
                    color: Colors.white70,
                    child: ListTile(
                      leading: Text(
                        prod_name,
                        style: TextStyle(fontWeight: FontWeight.bold, fontSize: 12.0, ),
                      ),
                      title: Text(
                          "\$$prod_price",
                      style: TextStyle(
                          color: Colors.blue, fontWeight: FontWeight.w800,fontSize: 12.0,),
                      ),
                    subtitle: Text(
                      "\$$prod_old_price",
                      style: TextStyle(
                        color: Colors.blue,
                          fontWeight: FontWeight.w800,
                          fontSize: 12.0,
                          decoration
                              :TextDecoration.lineThrough),
                      ),
                    )
                    ),
                    child: Image.asset(
                    prod_picture,
                    fit: BoxFit.cover,
                  )),
            ),
          )),
    );
  }
}

---

您可以使用副标题中的列来更轻松地实现所需的ui

请尝试以下代码：

ListTile(
          title: Text("Checken LunchBox"),
          subtitle: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text("Oldprice :55,000"),
              Text("NewPrice :55,000"),
            ],
          ),
        ),

---

您可以使用副标题中的列来更轻松地实现所需的ui

请尝试以下代码：

ListTile(
          title: Text("Checken LunchBox"),
          subtitle: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text("Oldprice :55,000"),
              Text("NewPrice :55,000"),
            ],
          ),
        ),

---

您可以使用

列

小部件。它是一个以垂直数组显示其子项的小部件

Column(
  children: [
    Text('title'),
    Text('price'),
    Text('prev_price'),
  ],
)

---

有关签出的更多信息：

您可以使用

列

小部件。它是一个以垂直数组显示其子项的小部件

Column(
  children: [
    Text('title'),
    Text('price'),
    Text('prev_price'),
  ],
)

有关更多信息，请参阅：