flutter - Flutter ListTile 标题溢出问题
问题描述
我正在title
使用以下代码在 ListTile 中显示一个长文本,并且我遇到了Text
溢出功能的 UI 问题:
ListTile(
contentPadding: const EdgeInsets.symmetric(horizontal: 32.0),
leading: SizedBox(
width: 32.0,
child: Center(
child: Container(
width: 32.0,
height: 32.0,
decoration: BoxDecoration(
shape: BoxShape.circle,
color: HexColor.fromHex(_clientStatusList.first.color)
.withOpacity(0.2),
border: Border.all(
color: HexColor.fromHex(_clientStatusList.first.color)),
),
child: Center(
child: Icon(
CustomIcons.customer_important,
size: 14.0,
color: HexColor.fromHex(_clientStatusList.first.color),
)),
),
),
),
title: Text(
_clientStatusList.map((e) => e.name).join(", "),
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
subtitle: Text("Status"),
),
上述代码的结果: https ://i.stack.imgur.com/O5Euf.png
没有maxLines
和的结果overflow
:
https ://i.stack.imgur.com/VWOpF.png
我猜预期的结果是: https ://i.stack.imgur.com/OFMoT.png
颤振医生:
[✓] Flutter (Channel stable, v1.17.2, on Mac OS X 10.15.5 19F96, locale en-IL)
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
[✓] Xcode - develop for iOS and macOS (Xcode 11.5)
[✓] Android Studio (version 4.0)
[✓] VS Code (version 1.45.1)
[✓] Connected device (1 available)
解决方案
推荐阅读
- azure-service-fabric - 如果在 ServiceManifest.xml 中指定了 LoadMetric,Service Fabric 不会发布应用程序
- c# - 如何将创建的 PDF 文件保存到动态文件中
- java - 如何在进度条中显示 AlertDialog?
- angular-material - 文本字段 Angular 上的事件
- python - 使用从 json 键定义的抽象方法创建 ABC
- python - 每次满足条件时,如何使用 python 多处理运行一个新进程,并达到最大进程数?
- python - 如何在 Pyomo - 混合整数线性程序中建立正确的链接约束?
- c++ - 使用 C++ 将越南语字符从 ISO88591、UTF8、UTF16BE、UTF16LE、UTF16 编码为十六进制,反之亦然
- r - R - 我怎样才能使这个循环更快?
- postgresql - 如何使用 Docker 安装 pgAdmin 4