flutter 点击位置弹出菜单栏（仿微信文本长按位置下方弹出菜单）

最新推荐文章于 2025-06-02 09:02:09 发布

原创

最新推荐文章于 2025-06-02 09:02:09 发布 · 7.1k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #弹出菜单栏

效果图：
https://s33.aconvert.com/convert/p3r68-cdx67/lmhbo-7mv6u.gif
在这里插入图片描述

在这里插入图片描述
代码：
import ‘package:flutter/material.dart’;

class PopupMenu extends StatefulWidget {
@override
State createState() => _PopupMenuState();
}

class _PopupMenuState extends State {
Color bgColor = Colors.white;
GlobalKey anchorKey = GlobalKey();
@override
Widget build(BuildContext context) {
return GestureDetector(
child: Text(
‘张明月最近一直在加班，苦逼苦逼苦逼～～～’,
style: TextStyle(backgroundColor: bgColor,height: 1.5,fontSize: 15),
key:anchorKey ,
),
onLongPressStart: (detail) {
bgColor = Colors.grey;<