Flutter中IconButton为何是StatelessWidget而非StatefulWidget？

为什么IconButton是Stateless却能响应交互？ #

Flutter文档将IconButton归为StatelessWidget，核心原因是它自身不持有持久化状态。你看到的点击时的水波纹、高亮等外观变化，是Flutter框架在交互过程中临时生成的视觉反馈，这类反馈不需要IconButton保存任何状态数据，交互结束后就会恢复初始状态。

而StatefulWidget的“动态性”，特指Widget需要持久保存某个可变值来驱动UI的持续更新——比如Checkbox的选中状态、TextField的输入内容，这些数据需要在多次build调用之间保留，必须由StatefulWidget的State对象来维护。

自定义Widget的选择标准 #

判断用Stateless还是Stateful，关键看你的Widget是否需要维护内部可变状态：

• 选StatelessWidget的场景：
  • UI完全由传入的final型参数（比如文本内容、图标、外部回调）决定，自身无需保存数据
  • 交互仅触发外部逻辑（比如点击后调用父组件传的onPressed），不需要记录自身状态变化
  • 所有UI更新都依赖父组件传递的新参数
• 选StatefulWidget的场景：
  • 需要在Widget生命周期内保存可变数据（比如表单输入内容、开关的选中状态）
  • 交互会改变自身UI状态，且需要在多次build中保留该状态（比如TabBar的当前选中项）
  • 需要执行异步操作（比如网络请求）并根据结果更新UI，同时要持有请求状态（加载中、成功、失败）

举个直观例子：

• 仅展示传入文本的自定义卡片，用StatelessWidget
• 带点击计数功能的按钮，需要保存点击次数，用StatefulWidget

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