如何修改Flutter代码以消除字符串拼接的Lint提示？

你遇到的Lint提示是Dart官方推荐的编码规范，用字符串插值替代+号拼接字符串更简洁、可读性更强，同时也符合Flutter的最佳实践。

优化后的代码 #

把原代码里的字符串拼接改成Dart的字符串插值语法，直接在字符串中用${变量}嵌入值即可，完整场景代码如下：

child: ListView.separated(
  itemCount: dataList.length,
  itemBuilder: (ctx, index) {
    final item = dataList[index];
    return ListTile(
      title: item['value'] == ''
          ? Text("The color is ${item['color']}")
          : // 补入你原本的else分支代码
          ...
    );
  },
  separatorBuilder: (ctx, index) => Divider(), // 补全ListView.separated必填的分隔器构建参数
),

额外优化建议 #

如果item['color']可能为null，可以添加空值兜底处理，避免Text组件显示null：

Text("The color is ${item['color'] ?? 'unknown'}")

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