Flutter字符串拼接丢失文件后缀问题求助

核心原因 #

你碰到的这个问题，本质是resColor字符串末尾藏着不可见的控制字符（比如换行符\n、回车符\r这类），这些字符肉眼看不到，但会占字符串长度，导致拼接后的URL在输出时看起来像是缺了.jpg后缀——其实是控制字符干扰了显示，甚至在某些场景下会被截断。

你已经验证的临时解决办法 #

你用substring截掉最后一个字符的方式确实能解决当前问题：

resColor = resColor!.substring(0, resColor!.length - 1);

更稳妥的优化方案 #

直接固定截取长度不够灵活，要是后续resColor的有效长度变了，可能又出问题，推荐用以下通用方法：

1. 只移除末尾的空白/控制字符 #

用trimRight()专门去掉字符串末尾的空白、换行、回车这类字符，不会影响前面的有效内容：

resColor = resColor!.trimRight();

如果连字符串开头也可能有多余字符，就用trim()同时处理首尾：

resColor = resColor!.trim();

2. 正则过滤所有不可见字符 #

要是遇到的是其他特殊不可见字符，用正则把所有非打印字符都过滤掉：

resColor = resColor!.replaceAll(RegExp(r'[\x00-\x1F\x7F]'), '');

3. 排查异常字符的小技巧 #

不确定字符串里有啥奇怪字符时，可以打印每个字符的编码值，一眼就能找出异常：

print(resColor!.codeUnits); // 比如换行符的编码是10，回车是13，正常字母数字是ASCII范围内的

拼接URL的简化写法 #

另外，Flutter里拼接字符串不用搞List.join，直接用字符串插值更直观：

String ref = 'previewAssets/${resCategory!}/${resColor!}.jpg';

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