我们可以使用flutter在移动设备上使用悬停效果吗？

Question

我需要使用 flutter 在我的图标中实现悬停效果，但我希望在我的手机上实现此悬停效果

Answer 1

移动设备上没有鼠标设备，因此用户无法奢侈地使用悬停效果。在移动应用程序上使用悬停效果会导致按钮在点击时停留在悬停状态。这种粘性不仅让用户感到困惑，而且当他们被迫双击按钮来启动操作时，也会让他们感到沮丧。

Answer 2

您可以使用 flutter InkWell 小部件来完成此操作，它非常简单且易于解释

Answer 3

嗯，我用这样的东西：

MouseRegion(
      cursor: hoverStatus ? SystemMouseCursors.click : SystemMouseCursors.basic,
      onEnter: (event) {
        setState(() {
          hoverStatus = true;
        });
      },
      onExit: (event) {
        setState(() {
          hoverStatus = false;
        });
      },
      child: GestureDetector(
        onLongPressStart: (details) {
          setState(() {
            hoverStatus = true;
          });
        },
        onLongPressEnd: (details) {
          setState(() {
            hoverStatus = false;
          });
        },
        onLongPressCancel: () {
          setState(() {
            hoverStatus = false;
          });
        },
    child: child,
    ),
),

然后，

child

小部件会更新为您需要的任何功能。希望这有帮助。