Flutter搜索栏无法过滤结果求助：存在类型错误

错误原因 #

1. 类型不匹配：where方法的回调返回了dynamic类型，而非要求的bool类型。由于_shopItems是List<dynamic>，item[0]默认是dynamic，调用toLowerCase().contains(...)后返回值类型未明确，导致类型转换错误。
2. 数据源不一致：你在_FruitsPageState中自行实例化了CartModel cartmode = CartModel()，但UI通过Consumer使用的是Provider全局提供的CartModel实例，两者是完全独立的对象。你过滤的是本地实例的列表，但渲染的是Provider实例的列表，因此搜索后界面无变化。
3. UI未绑定过滤结果：GridView.builder始终使用value.shopItems作为数据源，没有切换到过滤后的_filteredShopItems。

修复步骤及代码修改 #

1. 统一数据源，移除本地CartModel实例 #

删除_FruitsPageState中的CartModel cartmode = CartModel();，改为从Provider获取实例初始化过滤列表：

@override
void initState() {
  super.initState();
  // 从Provider获取CartModel实例初始化过滤列表
  _filteredShopItems = Provider.of<CartModel>(context, listen: false).shopItems;
}

2. 修复类型错误，明确where回调返回bool #

修改_filterShopItems方法，将item[0]强转为String，确保回调返回bool类型：

void _filterShopItems(String query) {
  setState(() {
    _searchText = query;
    final cartModel = Provider.of<CartModel>(context, listen: false);
    _filteredShopItems = cartModel.shopItems
        .where((item) => (item[0] as String).toLowerCase().contains(query.toLowerCase()))
        .toList();
  });
}

3. 让GridView绑定过滤后的列表 #

修改GridView.builder的itemCount和itemBuilder，使用_filteredShopItems作为数据源：

body: GridView.builder(
  padding: const EdgeInsets.all(12),
  itemCount: _filteredShopItems.length, // 改为过滤后的列表长度
  gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
    crossAxisCount: 2,
    childAspectRatio: 1 / 1.2,
  ),
  itemBuilder: (context, index) {
    final item = _filteredShopItems[index];
    return GroceryItemTile(
      itemName: item[0].toString(),
      itemPrice: int.parse(item[1].toString()),
      imagePath: item[2],
      color: item[3],
      onPressed: () =>
          Provider.of<CartModel>(context, listen: false)
              .addItemToCart(index),
    );
  },
),

4. 可选：添加实时搜索（onChanged回调） #

为提升用户体验，可在CupertinoSearchTextField中添加onChanged回调，实现输入时实时过滤：

CupertinoSearchTextField(
  autocorrect: true,
  onChanged: _filterShopItems, // 实时过滤
  onSubmitted: _filterShopItems, // 提交时过滤
),

5. 优化CartModel的类型安全性（可选） #

为从根源避免类型问题，建议给_shopItems指定明确类型，比如List<List<dynamic>>：

class CartModel extends ChangeNotifier {
  // 指定类型，避免dynamic带来的问题
  final List<List<dynamic>> _shopItems = const [
    ["Avocado", "4", "assets/images/8c.png", Colors.green],
    ["Banana", "2", "assets/images/8c.png", Colors.yellow],
    ["pollo", "12", "assets/images/8c.png", Colors.brown],
    ["acqua", "1", "assets/images/8c.png", Colors.blue],
    ["mela", "3", "assets/images/8c.png", Colors.red],
    ["broccoli", "3", "assets/images/8c.png", Colors.brown],
  ];
  List<List<dynamic>> get shopItems => _shopItems;
}

总结 #

通过统一数据源、修复类型转换错误、绑定过滤结果到UI这三个核心步骤，即可解决搜索报错和无结果的问题。如果后续业务复杂，建议使用实体类替代List存储商品数据，进一步提升代码的可维护性和类型安全性。

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