Flutter中如何让RawChip组件内的文本自动换行？

要让RawChip内的文本自动换行，需要调整两个关键部分：让Text组件支持多行显示，以及确保RawChip有足够的宽度空间容纳换行后的文本。

具体修改方案 #

1. 给label中的Text设置maxLines: null（允许无限行数）、softWrap: true（开启自动换行），同时调整overflow属性避免截断。
2. 调整父级布局，避免限制RawChip的宽度——比如用Expanded包裹RawChip，让它能利用父容器的可用宽度；如果需要保留横向排列，也可以把外层Row换成Wrap。

修改后的核心代码片段：

Theme(
  data: Theme.of(context).copyWith(canvasColor: Colors.transparent),
  child: Expanded( // 让RawChip占据父容器可用宽度
    child: RawChip(
      backgroundColor: const Color(0x77FFFFFF),
      labelPadding: const EdgeInsets.symmetric(horizontal: 8.0, vertical: 4.0), // 优化内边距提升换行显示效果
      label: Text(
        "${pictureFiles?[index]?.filePath}",
        maxLines: null,
        softWrap: true,
        overflow: TextOverflow.visible,
      ),
      avatar: const Icon(Icons.image_outlined),
      onDeleted: () {},
      onPressed: () {},
    ),
  ),
)

补充说明 #

如果你的场景需要多个RawChip横向排列，直接把外层的Row替换成Wrap组件，就能实现芯片自身换行+芯片内文本换行的双重效果，适配不同长度的文本内容。

内容的提问来源于stack exchange，提问作者Roar Grønmo