我尝试省略Flutter应用程序中的文本,但无法设置。
我设计的视图如下
Positioned(
bottom: 20,
left: 10,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Text(
snapshot.data.results[index].title,
overflow: TextOverflow.ellipsis,
textAlign: TextAlign.start,
style: TextStyle(
fontSize: 20.0,
fontWeight: FontWeight.w600,
color: Colors.white,
),
),
Text(
snapshot.data.results[index].release_date,
style: TextStyle(
fontSize: 18.0,
fontWeight: FontWeight.w400,
color: Colors.white,
letterSpacing: 1.2),
),
],
))
3条答案
按热度按时间kr98yfug1#
您应该使用
Flexible
或Expanded
小部件将文本换行,如下所示:要了解更多信息,请尝试this链接
wqlqzqxt2#
我最近遇到了类似的情况。如果你使用DartDevTools检查
Text
小部件的renderObject上的约束,你很可能会发现maxWidth
约束是无穷大。因此Text
小部件并不知道它应该 Package (默认行为)或应用省略号(在你的情况下)到你提供的文本。在我的例子中,解决方案是将
Text
Widget Package 在Expanded
中。zdwk9cvp3#
你应该用Expanded Package 你的小部件