如何避免底部圆角的ClipRRect组件中底部文本被截断

问题核心是：ClipRRect的圆角裁剪会切掉底部没有足够间距的文本，而直接给ClipRRect加外层Padding或文本后加SizedBox，会让组件整体尺寸超出父容器限制导致溢出。

直接给内部Container加底部内边距就能解决，内边距值要大于等于圆角半径（这里是30），这样文本和Container底部保持足够距离，不会被圆角裁剪，同时不会额外增大ClipRRect的整体尺寸。

修正后的代码：

ClipRRect(
  borderRadius: const BorderRadius.only(
    bottomLeft: Radius.circular(30),
    bottomRight: Radius.circular(30),
  ),
  child: Container(
    color: Colors.grey,
    // 底部内边距不小于圆角半径，避免文本被裁剪
    padding: const EdgeInsets.only(bottom: 30),
    child: Text(
      description,
      style: const TextStyle(fontSize: 15),
      // 文本过长时显式开启自动换行（默认已开启，按需添加）
      softWrap: true,
    ),
  ),
);

如果文本过长仍有溢出，检查父组件是否给ClipRRect设置了固定高度，可改用Expanded或Flexible包裹ClipRRect，让它自适应父容器的可用空间。

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