Flutter ListView中sort函数报错：表达式类型为void无法使用

我来帮你拆解问题，一步步搞定这个报错：

为什么会出现这个报错？ #

你碰到的'The expression here has a type void and therefore can't be used'错误，核心原因很明确：sort()是一个原地修改列表的方法，它的返回值是void（没有返回值），但你却把它直接塞给了Text组件——而Text需要的是字符串类型的参数，这就导致了类型完全不匹配的问题。

另外你的逻辑也有偏差：排序是针对整个商品列表的操作，不是给单个列表项的Text用的，不能在渲染某一个列表项的时候才去执行排序。

正确的修复方案 #

我们要把排序逻辑和UI渲染逻辑分开，先根据条件准备好要显示的列表，再统一渲染。具体修改如下：

1. 抽离排序逻辑，准备显示用的列表

首先在你的组件中（如果是StatefulWidget就放在状态类里，StatelessWidget可以在build方法里处理），根据ProductScreen.name的状态生成对应的显示列表：

// 假设你的原始商品列表是products
List<Product> getDisplayProducts() {
  if (!ProductScreen.name) {
    // 未排序状态，直接返回原列表
    return products;
  } else {
    // 重点：创建原列表的副本再排序，避免修改原始数据
    final sortedProducts = List.from(products);
    sortedProducts.sort((a, b) => a.price.compareTo(b.price));
    return sortedProducts;
  }
}

2. 修改UI渲染代码

之后在ListView里使用这个处理好的列表，统一渲染每个列表项：

return Container(
  child: ListView.separated(
    itemBuilder: (context, index) {
      // 获取要显示的列表
      final displayProducts = getDisplayProducts();
      final currentProduct = displayProducts[index];
      
      return ListTile(
        title: Text(currentProduct.name),
        leading: currentProduct.i,
        subtitle: Column(
          children: <Widget>[
            // 不管排序与否，统一显示价格
            Text(
              "\$${currentProduct.price}",
              style: TextStyle(
                color: Colors.redAccent,
                fontSize: 20,
                fontWeight: FontWeight.w500
              ),
            ),
          ],
        ),
      );
    },
    separatorBuilder: (context, index) => Divider(),
    // 列表长度对应显示列表的长度
    itemCount: getDisplayProducts().length,
  ),
);

额外提醒 #

• 如果你希望ProductScreen.name的变化能自动触发UI更新，建议把它改成状态变量（比如用setState管理，或者用Provider等状态管理工具），这样状态变化时Widget会自动重建，切换排序/未排序的显示。
• 确保你的Product类的price字段是int或double这类支持compareTo方法的数值类型，否则排序时会出现新的报错。

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