Flutter如何通过按钮重置页面所有变量与输入框内容

不用Form组件的情况下，不需要依赖表单自带的reset方法，直接在重置按钮的点击回调里把所有状态变量恢复为初始值，再通过setState触发页面重绘就能实现全字段清空重置的效果。

具体实现步骤 #

• 封装统一的重置方法，所有字段严格对齐初始定义的默认值，避免漏改

void _handleReset() {
  setState(() {
    // 布尔类状态重置
    _check2 = false;
    _check3 = false;
    _check4 = false;
    detailedComputation = false;
    filingEx1 = null;
    filingEx2 = null;

    // 数值、日期类状态重置
    taxYear = DateTime.now().year;
    payoffDate = null;
    filingTaxDate = null;
    noticeDate = null;
    installmentStartDate = null;
    installmentEndDate = null;
    levyDate = null;
    noOfPayment = null;
    payment1Date = null;
    payment2Date = null;
    payment3Date = null;
    payment4Date = null;
    payoffDateV0 = DateTime.now();
    dateInNotice = DateTime.now();
    // _startYear是final修饰的常量，固定值为2010，不需要额外重置

    // 文本输入控制器重置，调用clear()方法即可，不要重复创建新的控制器实例
    taxDueController.clear();
    adjustmentTaxController.clear();
    payAmount1Controller.clear();
    payAmount2Controller.clear();
    payAmount3Controller.clear();
    payAmount4Controller.clear();
  });
}

• 给重置按钮绑定点击事件，直接调用上述封装方法

// 重置按钮示例
ElevatedButton(
  onPressed: _handleReset,
  child: const Text('重置'),
)

注意事项 #

1. 所有TextEditingController不要在重置逻辑里重新创建新实例，直接调用clear()即可，否则容易出现输入框绑定异常、内存泄漏问题
2. 可空类型的字段（比如DateTime?、bool?类型的状态）初始值如果是null，重置时必须赋值回null，不要残留之前的选中值
3. 非空类型的动态默认值（比如初始取当前时间、当前年份的字段），重置时也要重新获取对应时间值，和页面首次加载的初始状态保持一致

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