Flutter自定义ElevatedButton无悬停变色效果原因咨询

导致悬停效果失效的核心问题有两个：

1. State类泛型关联错误 #

自定义组件的State类_ButtonWidgetState继承时，泛型错误地写为State<Button>，正确应该是State<ButtonWidget>。这个错误会让State无法正确绑定到对应的StatefulWidget，无法正常读取widget的属性，直接干扰了按钮的交互状态（包括悬停状态）的识别与响应。

错误代码：

class _ButtonWidgetState extends State<Button> {

修正后：

class _ButtonWidgetState extends State<ButtonWidget> {

2. onPressed参数赋值错误 #

在自定义组件的ElevatedButton中，onPressed: widget.command()是直接执行了command函数，而非传递函数引用。onPressed要求接收VoidCallback类型（无参无返回值的函数），这种写法会导致两个问题：

• 组件构建阶段就立刻执行command函数，而非点击按钮时触发；
• 如果command没有返回值，onPressed会被赋值为null，此时按钮会进入禁用状态，禁用状态下的按钮不会响应悬停等交互事件，自然不会触发背景色变化。

错误代码：

onPressed: widget.command(),

修正方式（根据command类型调整）：
如果command是VoidCallback类型：

onPressed: widget.command,

如果command需要传递参数，需包装成无参函数：

onPressed: () => widget.command(),

注：原直接使用ElevatedButton时，即使通过MaterialStateProperty.all固定背景色，启用状态下的按钮仍会触发默认的悬停主题叠加效果；但自定义组件中因按钮被禁用，该效果完全失效。

内容的提问来源于stack exchange，提问作者Mr. Hussain AL Hussaini