Flutter参数函数内调用setState报错，请求解决方法

核心错误点 #

1. 回调函数立即执行：在QuoteCard的TextButton.icon中，onPressed: delete()会在Widget构建时直接执行delete函数，导致在build阶段调用setState，违反Flutter生命周期规则，触发报错。
2. 函数类型不明确：Dart 3.0+对类型安全性要求更高，final Function delete这种模糊的类型声明可能引发类型检查警告或错误，需使用明确的函数类型。

修复步骤 #

1. 修正回调传递方式

将TextButton.icon的onPressed参数从delete()改为delete，传递函数引用而非立即执行：

TextButton.icon(
  onPressed: delete, // 去掉括号，传递函数引用
  label: Text('Delete Quote'),
  icon: Icon(Icons.delete),
),

2. 明确函数类型声明

在QuoteCard类中，将模糊的Function类型替换为VoidCallback（无参数无返回值的回调类型）：

class QuoteCard extends StatelessWidget {
  final Quote quote;
  final VoidCallback delete; // 替换为明确的VoidCallback类型
  
  QuoteCard({required this.quote, required this.delete});

  // 其余代码不变
}

也可使用详尽写法：final void Function() delete，效果一致。

3. 可选优化：提升列表删除稳定性

若后续出现删除异常，可通过匹配字段的方式删除列表项，避免引用匹配问题：

// 在_QuoteListState的delete回调中
delete: () {
  setState(() {
    quotes.removeWhere((item) => item.text == e.text && item.author == e.author);
    // 建议给Quote类添加唯一id字段，通过id匹配会更可靠
  });
}

修改后的完整QuoteCard代码 #

import 'package:flutter/material.dart';
import 'quotes.dart';

class QuoteCard extends StatelessWidget {
  final Quote quote;
  final VoidCallback delete;
  
  QuoteCard({required this.quote, required this.delete});

  @override
  Widget build(BuildContext context) {
    return Card(
      margin: EdgeInsets.symmetric(vertical: 10, horizontal: 10),
      color: Colors.amberAccent,
      child: Padding(
        padding: EdgeInsets.all(15),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: [
            Center(
              child: Text(
                quote.text, style: TextStyle(
                  color: Colors.white
                ),
              ),
            ),
            Center(
              child: Text(
                '-${quote.author}', style: TextStyle(
                  color: Colors.white
                ),
              ),
            ),
            TextButton.icon(
              onPressed: delete,
              label: Text('Delete Quote'),
              icon: Icon(Icons.delete),
            ),
          ],
        ),
      ),
    );
  }
}

原理说明 #

• onPressed: delete()会在build执行时立刻触发delete函数，进而调用setState，而Flutter禁止在build过程中调用setState，否则会引发生命周期冲突或无限重绘。
• Dart 3.0+强化了类型系统，使用VoidCallback代替模糊的Function类型，既符合现代Dart编码规范，也能避免潜在的类型错误。

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