Flutter 获取某个控件的坐标

Posted 2021-03-10 nickwang

1.首先先需要对控件进行渲染

初始化GlobalKey ：GlobalKey anchorKey = GlobalKey();

2.在需要测量的控件的下面添加key：

child: Text("点击弹出悬浮窗",
style: TextStyle(fontSize: 20),
key: anchorKey
),
3.获取控件的坐标：

RenderBox renderBox = anchorKey.currentContext.findRenderObject();
var offset = renderBox.localToGlobal(Offset.zero);
控件的横坐标：offset.dx

控件的纵坐标：offset.dy

如果想获得控件正下方的坐标：

RenderBox renderBox = anchorKey.currentContext.findRenderObject();
var offset = renderBox.localToGlobal(Offset(0.0, renderBox.size.height));
   控件下方的横坐标：offset.dx

   控件下方的纵坐标：offset.dy
————————————————
版权声明：本文为CSDN博主「笨鸟不飞 ≧０≦」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/baidu_34120295/article/details/86495861