Flutter/Dart中FutureBuilder访问数据失败及List<Analysts>类型不匹配问题

问题根源&修复方案 #

1. 修复FutureBuilder泛型不匹配报错 #

你收到的类型不匹配报错是因为FutureBuilder的泛型声明和接口返回的Future类型不一致：

• 你封装的getData()返回的是Future<List<Analysts>>（多元素列表类型）
• 但你给FutureBuilder声明的泛型是FutureBuilder<Analysts>（单对象类型）
  直接将FutureBuilder的泛型改为FutureBuilder<List<Analysts>>即可解决该报错。

2. 修复Analysts模型数据读取错误 #

你之前读不到数据有两个核心问题：

• 新版Flutter非空断言的正确写法是!后加.，你之前的snapshot.data!analystCount少写了.才会报错，正确格式为snapshot.data![索引].属性名
• 你之前在snapshot.hasData分支里新建了空的Analysts()对象，没有使用接口返回的真实数据，自然读不到有效值

修复后的渲染端完整代码 #

FutureBuilder<List<Analysts>>(
  future: iexcloudanalysts.getData(),
  builder: (context, snapshot) {
    if (snapshot.hasData) {
      // 提取接口返回的真实列表数据
      List<Analysts> analystsList = snapshot.data!;
      // 示例取第一条数据渲染，要渲染全量可以换ListView.builder遍历
      if (analystsList.isNotEmpty) {
        Analysts targetData = analystsList[0];
        return Text(
          targetData.consensusDate ?? 'Error',
          style: const TextStyle(
            color: Colors.white,
            fontSize: 32,
            fontWeight: FontWeight.bold,
          ),
        );
      } else {
        return const Text(
          '无数据',
          style: TextStyle(
            color: Colors.white,
            fontSize: 32,
            fontWeight: FontWeight.bold,
          ),
        );
      }
    }
    if(snapshot.hasError){
      return const Text(
        'N/A',
        style: TextStyle(
          color: Colors.white,
          fontSize: 32,
          fontWeight: FontWeight.bold,
        ),
      );
    }
    else {
      return const Text(
        "---",
        style: TextStyle(
          color: Colors.white,
          fontSize: 32,
          fontWeight: FontWeight.bold,
        ),
      );
    }
  }
),

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