flutter 循环数据展示

Question

无法取到对象数组中某一个对象的值,
这是数据格式：

页面中循环

报错

定义的model

Answer 1

以下内容由CHATGPT及阿里嘎多学长共同生成、有用望采纳：

---

根据您提供的信息，我将尝试帮助您解决在Flutter中循环展示对象数组数据时遇到的问题。首先，我们需要分析问题所在，然后提供解决方案。

分析问题

1. 数据格式问题： 您提供的ProductvoList对象数组包含了商品的详细信息。但是，从您提供的图片中，我们无法看到完整的数据结构。通常，一个对象数组应该是一个列表，其中每个元素都是一个对象。

2. 页面循环问题： 您在页面上使用Column来循环显示商品信息，但在访问storeDTo的storeName属性时出现了问题。

3. 报错信息： 报错信息显示NoSuchMethodError，提示method not found，这通常意味着您尝试调用的方法在对象上不存在。

4. 定义的model问题： 您定义了StoreDto模型，但是从提供的代码片段中，我们可以看到StoreDto的构造函数中缺少了括号，这可能是导致问题的原因之一。

解决方案

1. 修正StoreDto构造函数： 确保StoreDto的构造函数正确定义，如下所示：

   class StoreDto {
     String? id;
     String? storeName;
     String? logo;
     dynamic productCount;
     dynamic soldNum;
   
     StoreDto({this.id, this.storeName, this.logo, this.productCount, this.soldNum});
   
     StoreDto.fromJson(Map<String, dynamic> json)
         : id = json['id'],
           storeName = json['storeName'],
           logo = json['logo'],
           productCount = json['productCount'],
           soldNum = json['soldNum'];
   }
   

2. 检查ProductvoList类： 确保ProductvoList类中包含了storeTO字段，并且该字段是StoreDto类型的对象。例如：

   class ProductVO {
     // ... 其他字段 ...
   
     StoreDto? storeTO;
   
     // 构造函数和fromJson方法...
   }
   

3. 循环展示商品信息： 在Flutter的Column中，使用ListView.builder来循环展示商品信息，并确保正确访问storeTO对象的storeName属性。例如：

   ListView.builder(
     itemCount: productVOList.length,
     itemBuilder: (context, index) {
       return Column(
         children: <Widget>[
           // ... 其他商品信息 ...
           Text(productVOList[index].storeTO?.storeName ?? '默认商店名称'),
           // ... 其他商品信息 ...
         ],
       );
     },
   );
   

4. 确保数据正确： 确保productVOList列表中的每个ProductVO对象都有一个非空的storeTO属性，且该属性正确地包含了商店的名称。

参考资料

• Flutter官方文档 - ListView.builder
• Dart官方文档 - 类和构造函数

代码实现

由于我无法创建文件，我将提供一段示例代码，您可以将其复制到您的Flutter项目中：

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('商品列表')),
        body: ProductListPage(),
      ),
    );
  }
}

class ProductListPage extends StatelessWidget {
  final List<ProductVO> productVOList = []; // 假设这是您的商品列表数据

  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      itemCount: productVOList.length,
      itemBuilder: (context, index) {
        return ListTile(
          title: Text(productVOList[index].productName),
          subtitle: Text(productVOList[index].storeTO?.storeName ?? '默认商店名称'),
        );
      },
    );
  }
}

class ProductVO {
  String productName;
  StoreDto? storeTO;

  // 构造函数和fromJson方法...
}

class StoreDto {
  String? storeName;

  StoreDto({this.storeName});

  // fromJson方法...
}

请根据您实际的数据结构和业务逻辑调整上述代码。希望这能帮助您解决问题！