Flutter中setState不生效，卡片删除按钮无法删除列表项如何解决？

你遇到的点击删除按钮没反应的问题，核心有2个需要修改的点：

• 核心问题：删除按钮的回调没有实际执行
  你在Quotecard组件里给删除按钮绑定的onPressed回调里，只写了delete变量名，没有触发函数执行，修改为如下代码即可：

  TextButton.icon(
    onPressed: (){
      // 加问号和call()，避免delete为null时出现空异常
      delete?.call();
    }, 
    icon: Icon(Icons.delete), 
    label: Text("delete quote")
  )
  

• 优化建议：按索引删除避免误操作
  你现在用q.remove(e)是通过对象匹配删除，如果列表里存在属性完全相同的quotes对象，会出现误删的情况，建议改为按索引删除，修改Quotelist里的列表渲染逻辑如下：

  body: Column(
    // 用asMap获取列表索引
    children: q.asMap().entries.map((entry) {
      final index = entry.key;
      final quoteItem = entry.value;
      return Quotecard(
        quote: quoteItem,
        delete: (){
          setState(() {
            // 按索引删除更精准
            q.removeAt(index);
          });
        },
      );
    }).toList(),
  ),
  

• 可选规范优化
  Dart官方要求类名使用大驼峰格式，你定义的quotes类建议改名为Quote，更符合开发规范，后期维护更方便。

修改完上述核心问题后，点击删除按钮就可以正常删除对应卡片了。

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