Flutter升级后fl_chart折线图添加近一周日期报错

问题原因 #

升级fl_chart后，SideTitles的getTitlesWidget回调要求返回Widget类型，而你的代码直接返回了String（日期字符串），导致类型不匹配错误：The return type 'String' isn't a 'Widget'。

修复代码 #

把返回的日期字符串用Text组件包裹，默认返回空Widget（比如SizedBox.shrink()或Text('')），同时可以简化重复代码：

SideTitles get bottomTitles {
  return SideTitles(
    showTitles: true,
    getTitlesWidget: (value, meta) {
      final int dayOffset = 6 - (value.toInt() - 1);
      String text = '';
      if (value.toInt() >=1 && value.toInt() <=7) {
        text = DateFormat('dd').format(DateTime.now().subtract(Duration(days: dayOffset)));
      }
      // 用Text组件包裹字符串，满足Widget返回要求
      return Text(
        text,
        // 可自定义样式：fontSize: 12, color: Colors.grey
      );
      // 若需空占位，替换为：
      // return text.isEmpty ? SizedBox.shrink() : Text(text);
    },
  );
}

关键说明 #

• 所有返回值必须是Widget：原直接返回的String必须用Text（或其他Widget）包装
• 简化逻辑：通过计算dayOffset替代重复的switch分支，减少代码冗余
• 默认情况处理：避免返回空字符串，改为返回空Widget确保类型匹配

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