Flutter obtains the coordinate size of any element in the interface through globalkey

first ：

The function of obtaining the coordinate size of any element on the screen is encountered in requirement development , The final implementation is as follows ：

1. example：

//...
GlobalKey _globalKey = GlobalKey();

@override
Widget build(BuildContext context) {
    //...
    ElevatedButton.icon(
      icon: Icon(Icons.send),
      label: Text(" send out "),
      // onPressed: () => ddlog('pressed'),
      key: _globalKey,
      onPressed: (){
        // _showCustomPopView();
        ddlog(_globalKey.position());// Offset(143.5, 117.0)
        ddlog(_globalKey.size);// Size(88.0, 48.0)
      },
    ),
    //...
}

2. extension encapsulation ：

import 'package:flutter/material.dart';

extension BuildContextExt on BuildContext {

  ///  Gets the... Of the current component  RenderBox
  RenderBox? renderBox() {
    return this.findRenderObject() is RenderBox ? (this.findRenderObject() as RenderBox) : null;
  }

  ///  Gets the... Of the current component  position
  Offset? position({Offset offset = Offset.zero}) {
    return this.renderBox()?.localToGlobal(offset);
  }
}


extension GlobalKeyExt on GlobalKey{

  ///  Gets the... Of the current component  RenderBox
  RenderBox? renderBox() => this.currentContext?.renderBox();

  ///  Gets the... Of the current component  position
  Offset? position({Offset offset = Offset.zero}) => this.currentContext?.position(offset: offset);

  ///  Gets the... Of the current component  Size
  Size? get size  => this.currentContext?.size;

}