Flutter/Dart中如何访问动态对象的单个元素

首先你需要先对FutureBuilder的加载状态做校验，避免异步请求未完成时出现空值报错，再按照嵌套结构的层级访问对应属性即可，具体实现如下： #

1. 访问逻辑说明 #

你从snapshot获取的动态对象是两层嵌套结构，访问单个属性的层级为：

顶层对象 -> allfruits -> fruitInfo -> 目标属性

如果返回的是未做序列化的Map类型动态对象，用方括号索引的方式访问属性即可；如果是已经序列化的实体类对象，直接用.调用对应字段即可。 #

2. 完整代码示例 #

body: FutureBuilder(
  future: fruitList(),
  builder: (BuildContext context, AsyncSnapshot snapshot) {
    // 先处理加载和异常状态
    if (snapshot.connectionState == ConnectionState.waiting) {
      return const Center(child: CircularProgressIndicator());
    }
    if (snapshot.hasError) {
      return Center(child: Text('加载出错：${snapshot.error}'));
    }
    if (!snapshot.hasData) {
      return const Center(child: Text('暂无数据'));
    }
    
    var fruit = snapshot.data;
    // 访问单个属性示例
    var fruitColor = fruit['allfruits']['fruitInfo']['fruitcolor'];
    var fruitQuantity = fruit['allfruits']['fruitInfo']['fruitquantity'];

    return ListView(
      padding: const EdgeInsets.all(25),
      children: [
        TextFormField(
          initialValue: FirebaseAuth.instance.currentUser?.email,
          style: const TextStyle(fontWeight: FontWeight.w500),
        ),
        // 展示对应属性
        Text("水果颜色：$fruitColor", style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 18)),
        Text("水果数量：$fruitQuantity", style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 18)),
      ],
    );
  }
)

补充说明 #

• 如果你的项目中已经对返回数据做了实体类序列化，直接用fruit.allfruits.fruitInfo.fruitcolor的方式访问即可，类型安全性更高
• 访问属性前可以加判空逻辑，避免字段缺失导致的崩溃，比如fruit['allfruits']?['fruitInfo']?['fruitcolor'] ?? '未知'

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