flutter - Flutter - 在新行中设置文本
问题描述
我是flutter的新手,现在我正在设计一个应用程序
但是在这部分项目中,我想在标题下方的新行中设置价格,我在这里寻找类似的问题,但我无法解决
这是代码:
Widget build(BuildContext context) {
return Card(
child: Hero(
tag: prod_name,
child: Material(
child: InkWell(
onTap: () {},
child: GridTile(
footer: Container(
color: Colors.white,
child: ListTile(
leading: Text(
prod_name,
textAlign: TextAlign.left,
style: TextStyle(color: Colors.grey, fontSize: 12),
),
title: Text("\$$prod_old_price"),
subtitle: Text(
"\$$prod_price",
style: TextStyle(fontWeight: FontWeight.w800,),
),
),
),
child: Image.asset(
prod_pic,
fit: BoxFit.fitHeight,
)),
),
)),
);
}
解决方案
@Mehrdad Hosseini,您必须将一列有两个孩子作为卡片的副标题,并将两个文本小部件作为两个孩子。请检查您的代码中的以下更改。
@override
Widget build(BuildContext context) {
return Card(
child: Hero(
tag: prod_name,
child: Material(
child: InkWell(
onTap: () {},
child: GridTile(
footer: Container(
color: Colors.white,
child: ListTile(
title: Text(
prod_name,
textAlign: TextAlign.left,
style: TextStyle(color: Colors.grey, fontSize: 12),
),
subtitle: Column(
children: <Widget>[
Text("\$$prod_old_price"),
Text(
"\$$prod_price",
style: TextStyle(fontWeight: FontWeight.w800,),
),
],
),
),
),
child: Image.asset(
prod_pic,
fit: BoxFit.fitHeight,
)),
),
)),
);
}
推荐阅读
- python - 函数返回列表中有多少个整数元素是同一列表中其他元素的精确平方
- sql - 在 PrestoDB 中提取凌乱的 JSON 值
- http2 - 我可以通过 STDIN/STDOUT 说 HTTP/2 吗?
- c# - 获取地面点的射线无法获取地面点
- ms-access-2016 - 用表单更新两个表
- python - Pandas Groupby 使用时间频率
- laravel-5.2 - PHP 语法错误,意外 ' ; ' 在 web.php 中
- angular6 - Angular Material mat-select 不加载初始值
- haskell - 如何将 IO Actions 变成“纯”函数
- python-3.x - 如何在 Python 中运行命令行脚本