在使用Flutter开发Web中为了更好的交互体检，往往会根据需求动态修改鼠标样式。

MouseRegion( cursor: judgeMouseCursor(), onEnter: (PointerEnterEvent event) { mouseDragDirection = -1; }, onExit: (PointerExitEvent event) { mouseDragDirection = -1; }, onHover: (PointerHoverEvent event) { setState(() { mouseDragDirection = validNose(event.localPosition, element.size!); }); }, child: Container( decoration: judgeDecoration(element, editWidgetItem), padding: const EdgeInsets.all(2), child: buildDetails.buildDetailsWidgetDesc(element), ), )

通过设置MouseCursor动态修改鼠标样式

///设置鼠标样式 MouseCursor judgeMouseCursor() { if (mouseDragDirection == LEFT_TOP_APEX) { return SystemMouseCursors.resizeUpLeft; } else if (mouseDragDirection == RIGHT_TOP_APEX) { return SystemMouseCursors.resizeUpRight; } else if (mouseDragDirection == RIGHT_BOTTOM_APEX) { return SystemMouseCursors.resizeDownRight; } else { return SystemMouseCursors.resizeDownLeft; } }

---

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。