无法访问RxList内模型字段 实现下拉菜单价格升降序排序如何解决

问题根源 #

你没有为RxList指定明确的泛型类型，默认会被推断为RxList<dynamic>，编译器无法识别列表内元素的字段结构，因此无法直接访问对应属性。

解决步骤 #

1. 先定义你的数据模型类 #

首先创建对应接口返回结构的实体类，示例如下：

class Product {
  // 其它你需要的字段
  final String title;
  final double price;

  Product({
    required this.title,
    required this.price,
  });

  // 适配API解析的fromJson方法
  factory Product.fromJson(Map<String, dynamic> json) {
    return Product(
      title: json['title'] as String,
      price: json['price'] as double,
    );
  }
}

2. 修改RxList的定义，指定泛型 #

把原来无泛型的声明改为明确指定元素类型：

// 明确列表内元素为Product类型
RxList<Product> productList = <Product>[].obs;

3. 实现排序逻辑 #

下拉菜单选择排序规则后，直接调用RxList的sort方法即可，排序后响应式列表会自动通知UI刷新：

// 价格升序
void sortAscByPrice() {
  productList.sort((a, b) => a.price.compareTo(b.price));
}

// 价格降序
void sortDescByPrice() {
  productList.sort((a, b) => b.price.compareTo(a.price));
}

可选的临时方案（不推荐） #

如果你暂时不想调整泛型声明，可以在访问字段时手动强转类型，但这种方案容易出现运行时类型错误，仅做临时调试用：

// 强转后访问price字段
(productList[index] as Product).price

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