如何无需预先指定首键名访问JSON数据并渲染到ListView

你拿到的接口返回数据根结构是标准的Map<String, dynamic>类型，ALGYO这类字段就是根Map的key，直接遍历根Map的键值对即可同时拿到首键名和对应内部数据，具体实现步骤如下：

步骤1：将Map结构转为可遍历的键值对列表 #

在FutureBuilder的builder回调中，拿到snapshot.data后直接调用entries.toList()，即可把根Map转为List<MapEntry<String, dynamic>>类型的列表，列表中每个元素的key属性就是你需要的首键名，value属性就是对应首键下的所有内部字段。

步骤2：遍历列表构建ListView #

参考示例代码如下：

// 假设snapshot是AsyncSnapshot类型
if (snapshot.hasData) {
  // 类型断言+转键值对列表
  final borsaMap = snapshot.data as Map<String, dynamic>;
  final borsaItemList = borsaMap.entries.toList();

  return ListView.builder(
    itemCount: borsaItemList.length,
    itemBuilder: (context, index) {
      final currentItem = borsaItemList[index];
      // 提取首键名
      final stockCode = currentItem.key;
      // 提取内部satis字段，兼容空值
      final sellPrice = currentItem.value['satis'] ?? '——';
      
      // 自定义你需要的列表项布局即可
      return ListTile(
        title: Text(stockCode),
        trailing: Text('Satış: $sellPrice'),
      );
    },
  );
}
// 补充加载/错误状态处理
else if (snapshot.hasError) {
  return const Center(child: Text('加载失败'));
}
return const Center(child: CircularProgressIndicator());

如果要保留你原来的Center嵌套Text的写法，直接替换itemBuilder的返回组件即可：

itemBuilder: (context, index) {
  final currentItem = borsaItemList[index];
  return Center(
    child: Text('${currentItem.key}  ${currentItem.value['satis']}')
  );
}

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