title: Hover Color for Icon
body: <p>I am trying to implement a favorite Button in Flutter. I am happy with the properties when clicking the button but I am not happy with the hover animation.</p>
  <p>I want that only the icon color changes on a hover. I don't like the Bubble around the IconButton. Here is my approach:</p>
  <pre><code>MouseRegion FavoriteButton(int index) {
  bool _favoriteHover = false;
  return MouseRegion(
    onHover: (e) {
      setState(() {
        _favoriteHover = true;
      });
    },
    child: IconButton(
      icon: Icon(
        _projects[index].favorite
            ? Icons.favorite
            : Icons.favorite_border_outlined,
        color: _favoriteHover ? Colors.yellow : Colors.white,
      ),
      onPressed: () {
        setState(() {
          _projects[index].favorite
              ? _projects[index].favorite = false
              : _projects[index].favorite = true;
          // TODO: Save Favorite state to config
        });
      },
      color: Colors.transparent,
    ),
  );
  </code></pre>
  <p>Unfortunately, the icon color does not change on hover.
  Someone can help?</p>