Flutter中RaisedButton的hoverColor属性不生效（iOS模拟器）

嘿，我完全懂你遇到的麻烦——在iOS模拟器里给RaisedButton设置hoverColor后，鼠标悬停时按钮颜色根本没变化对吧？这其实和组件特性、平台适配有关，我给你整理了几个实用的解决方案：

1. 优先切换到官方推荐的替代组件：ElevatedButton #

首先要提醒你，RaisedButton在Flutter 2.0版本后已经被标记为废弃状态了，官方更推荐用ElevatedButton，它在多平台的交互表现更一致，包括hover效果。试试这段代码：

ElevatedButton(
  onPressed: () {},
  style: ElevatedButton.styleFrom(
    backgroundColor: Colors.red, // 对应原RaisedButton的color
    foregroundColor: Colors.white, // 对应原textColor
    disabledBackgroundColor: Colors.grey, // 对应disabledColor
    disabledForegroundColor: Colors.white,
    elevation: 4,
    disabledElevation: 4,
    padding: const EdgeInsets.all(14.0),
    // 设置鼠标悬停时的背景色
    hoverBackgroundColor: Colors.red.shade300,
  ),
  child: const Text("操作按钮"),
)

2. 若坚持使用RaisedButton，手动监听悬停状态 #

如果暂时不想替换组件，可以通过MouseRegion手动监听鼠标的进入/离开事件，动态切换按钮颜色：

class _HoverButtonState extends State<HoverButton> {
  bool _isHovered = false;

  @override
  Widget build(BuildContext context) {
    return MouseRegion(
      onEnter: (_) => setState(() => _isHovered = true),
      onExit: (_) => setState(() => _isHovered = false),
      child: RaisedButton(
        onPressed: () {},
        color: _isHovered ? Colors.red.shade300 : Colors.red,
        textColor: Colors.white,
        disabledColor: Colors.grey,
        disabledTextColor: Colors.white,
        disabledElevation: 4,
        elevation: 4,
        padding: const EdgeInsets.all(14.0),
      ),
    );
  }
}

3. 补充说明：为什么原hoverColor不生效 #

其实RaisedButton的hoverColor本质是为桌面端（Windows、macOS等）设计的属性，iOS作为移动端系统，原生没有“鼠标悬停”的交互逻辑，所以iOS模拟器对这个属性的支持并不完善，这也是官方推出ElevatedButton适配多平台交互的原因之一。

另外也可以检查下你的Flutter版本，建议升级到2.5以上，旧版本在iOS模拟器的鼠标事件处理上可能存在bug。

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