Flutter报错：类型‘Data’未定义‘[]’运算符，列表搜索功能受阻

这个问题很常见——你之前用的是Map<String, dynamic>类型的数据，所以可以通过['key']的方式访问值，但现在换成了自定义的Data类对象，这个类并没有实现[]运算符，直接用user['name']自然会报错。

修复步骤： #

• 改用点语法访问类属性：如果你的Data类里定义了name属性（这应该是你从API数据里映射过来的字段），直接用user.name代替user['name']即可。
• 确保Data类正确定义属性与解析逻辑：要保证你的Data类已经把API返回的name字段映射成了实例变量，并且有对应的构造函数（比如fromJson）来解析API返回的JSON数据。

修改后的代码示例 #

1. 修正后的_runFilter方法：

void _runFilter(String enteredKeyword) {
  List<Data> results = [];
  if (enteredKeyword.isEmpty) {
    results = allData;
  } else {
    results = allData
        .where((user) =>
            user.name.toLowerCase().contains(enteredKeyword.toLowerCase()))
        .toList();
  }

  setState(() {
    _foundData = results;
  });
}

2. 确保你的Data类正确实现：

class Data {
  final String name;
  // 根据API返回的实际字段，添加其他需要的属性，比如id、email等

  Data({required this.name});

  // 用于将API返回的JSON转换为Data对象的工厂构造函数
  factory Data.fromJson(Map<String, dynamic> json) {
    return Data(
      name: json['name'] ?? '', // 增加默认值避免null报错
      // 初始化其他属性，比如 json['id'], json['email'] 等
    );
  }
}

3. 从API获取数据并转换为List：

当你从API拿到响应后，记得把JSON数组转换成List<Data>：

// 示例API请求逻辑
Future<void> fetchData() async {
  final response = await http.get(Uri.parse('你的API接口地址'));
  if (response.statusCode == 200) {
    final List<dynamic> jsonData = json.decode(response.body);
    setState(() {
      allData = jsonData.map((item) => Data.fromJson(item)).toList();
      _foundData = allData; // 初始化搜索结果列表
    });
  } else {
    // 处理请求失败的情况
    throw Exception('Failed to load data');
  }
}

注意点： #

如果你的Data类里对应的属性不是name（比如API返回的字段是username），记得把代码里的user.name改成对应的属性名，比如user.username。

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