Flutter文本水平截断问题：如何最大化利用Card空间显示长文本

要解决长文本水平截断且最大化利用Card可用空间的问题，只需调整以下几个关键设置：

1. 恢复文本自动换行属性 #

你注释掉了softWrap: true，这是文本不换行导致水平截断的核心原因，必须打开这个属性，让文本自动换行适配宽度。

2. 调整溢出行为（可选） #

将overflow: TextOverflow.clip改为overflow: TextOverflow.visible（或直接移除，因为softWrap: true时默认行为已能满足需求），避免文本被生硬截断。

3. 确保Card内部Column占满可用高度 #

给Card的子Column添加mainAxisSize: MainAxisSize.max，让Column充分利用Card的垂直空间，确保下方的Flexible能分配到剩余空间。

修改后的MyCardWidget代码 #

Card(
  color: Get.isDarkMode ? const Color.fromARGB(255, 31, 31, 31) : Theme.of(context).colorScheme.surface,
  child: Column(
    mainAxisSize: MainAxisSize.max, // 新增：让Column占满Card的垂直空间
    children: [
      Padding(
        padding: const EdgeInsets.all(8.0),
        child: Row(
          children: [
            Padding(
              padding: const EdgeInsets.all(8),
              child: CircleAvatar(
                radius: 38,
                backgroundImage: CachedNetworkImageProvider(pr.picLink),
              ),
            ),
            Expanded(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(pr.name, style: Theme.of(context).textTheme.bodyLarge!.copyWith(fontWeight: FontWeight.w900)),
                  Text(pr.detail, style: Theme.of(context).textTheme.bodyMedium),
                ],
              ),
            ),
          ],
        ),
      ),

// 修改后的文本区域
      Flexible(
        child: Padding(
          padding: const EdgeInsets.all(8.0),
          child: Text(
            pr.longDetail ?? "null",
            style: Theme.of(context).textTheme.bodyLarge,
            overflow: TextOverflow.visible, // 调整溢出行为
            textAlign: TextAlign.justify,
            softWrap: true, // 恢复自动换行
          ),
        ),
      ),
    ],
  ),
);

原理说明 #

• softWrap: true 强制文本在容器宽度范围内自动换行，彻底解决水平截断问题。
• mainAxisSize: MainAxisSize.max 让Card内部的Column撑满Card的高度，确保下方的Flexible能获得剩余的全部垂直空间，最大化利用可用区域。
• 外层的Flexible（包裹MyCardWidget）已经为Card提供了响应式的高度约束，结合内部的Flexible分配，能自动适配不同设备的屏幕尺寸。

内容的提问来源于stack exchange，提问作者Murat