Textoverflow 问题
Issue with Textoverflow
我在文本小部件的溢出属性方面遇到了一些麻烦。我尝试了几个选项(淡入淡出、省略号、剪辑),但其中 none 有效...
这是我的代码:
return ListView.builder(
itemBuilder: (context, position) {
var store = Store.fromJson(stores[position]);
return GestureDetector(
child: Card(
child: Row(
children: [
Container(
alignment: Alignment.center,
width: 120,
height: 120,
child: Text(store.brand),
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
store.distance.toString() + " M",
style: TextStyle(
fontSize: 40,
fontFamily: "Gobold",
),
),
Text(
store.name,
style: TextStyle(
fontSize: 15,
fontFamily: "Abel",
),
),
Text(
store.address + " " + store.zipCode + " " + store.city,
overflow: TextOverflow.fade,
maxLines: 1,
style: TextStyle(
fontSize: 15,
fontFamily: "Abel",
),
),
],
)
],
),
),
onTap: () => {
setState(() {
currentView = VIEW.detail;
_store = store;
})$
},
);
},
itemCount: stores.length,
);
结果是:
有人可以帮助我吗?我这几天一直在寻找解决方案。
谢谢
尝试扩展:
Expanded(child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
store.distance.toString() + " M",
style: TextStyle(
fontSize: 40,
fontFamily: "Gobold",
),
),
Text(
store.name,
style: TextStyle(
fontSize: 15,
fontFamily: "Abel",
),
),
Expanded(child: Text(
store.address + " " + store.zipCode + " " + store.city,
我在文本小部件的溢出属性方面遇到了一些麻烦。我尝试了几个选项(淡入淡出、省略号、剪辑),但其中 none 有效...
这是我的代码:
return ListView.builder(
itemBuilder: (context, position) {
var store = Store.fromJson(stores[position]);
return GestureDetector(
child: Card(
child: Row(
children: [
Container(
alignment: Alignment.center,
width: 120,
height: 120,
child: Text(store.brand),
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
store.distance.toString() + " M",
style: TextStyle(
fontSize: 40,
fontFamily: "Gobold",
),
),
Text(
store.name,
style: TextStyle(
fontSize: 15,
fontFamily: "Abel",
),
),
Text(
store.address + " " + store.zipCode + " " + store.city,
overflow: TextOverflow.fade,
maxLines: 1,
style: TextStyle(
fontSize: 15,
fontFamily: "Abel",
),
),
],
)
],
),
),
onTap: () => {
setState(() {
currentView = VIEW.detail;
_store = store;
})$
},
);
},
itemCount: stores.length,
);
结果是:
有人可以帮助我吗?我这几天一直在寻找解决方案。
谢谢
尝试扩展:
Expanded(child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
store.distance.toString() + " M",
style: TextStyle(
fontSize: 40,
fontFamily: "Gobold",
),
),
Text(
store.name,
style: TextStyle(
fontSize: 15,
fontFamily: "Abel",
),
),
Expanded(child: Text(
store.address + " " + store.zipCode + " " + store.city,