我想让鼠标悬停像Twitter的取消关注按钮一样:
如果我在Twitter上关注某个人,我将鼠标悬停在带有文本"关注"的按钮上,按钮的颜色就会变成红色,带有文本"取消关注"。我该如何实现这一点?
我用谷歌搜索了一下,但没有找到任何结果。
我的代码:
GestureDetector(
onTap: () => setState(() => following = !following),
child: Container(
padding: const EdgeInsets.all(10.0),
decoration: following ? BoxDecoration(border: Border.all(color: Colors.cyan), borderRadius: BorderRadius.circular(25.0)) : BoxDecoration(color: Colors.cyan, borderRadius: BorderRadius.circular(25.0)),
child: Row(
children: [
Icon(following ? Icons.favorite : Icons.person_add_alt, color: following ? Colors.cyan : Colors.white),
const SizedBox(width: AppSizes.10.0),
Text(
following ? "Following" : "Follow",
style: TextStyle(color: following ? Colors.cyan : Colors.white),
),
],
),
),
),
如果您需要更多信息,请随时发表评论。
如何让鼠标移过的行为像Twitter的unfollow按钮?我将感谢任何帮助。提前感谢你!
2条答案
按热度按时间jdzmm42g1#
用
MouseRegion
PackageGestureDetector
以获取鼠标事件。wdebmtf22#
我为你做了一个示例代码。你可以很容易地跟踪鼠标,使你想要的
AnimatedContainer
或AnimatedSwitcher
。下面是结果