Flutter如何获取未知Widget及WoltModalSheet尺寸（无需设maxHeight）

一、WoltModalSheet不设置maxHeight时获取高度 #

WoltModalSheet的sideSheet模式下，父容器传递的高度约束为Infinity，导致LayoutBuilder无法直接拿到有效高度。可以通过以下两种方式获取实际渲染高度：

1. GlobalKey获取渲染后精确高度
   在子Widget中通过GlobalKey绑定容器，等待渲染完成后从RenderObject中提取尺寸：

class Test extends StatefulWidget {
  @override
  _TestState createState() => _TestState();
}

class _TestState extends State<Test> {
  final GlobalKey _containerKey = GlobalKey();
  double? _actualHeight;

  @override
  void initState() {
    super.initState();
    // 等待Widget渲染结束后获取尺寸
    WidgetsBinding.instance.addPostFrameCallback((_) {
      final renderBox = _containerKey.currentContext?.findRenderObject() as RenderBox?;
      if (renderBox != null) {
        setState(() {
          _actualHeight = renderBox.size.height;
        });
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      key: _containerKey,
      child: Column(
        children: [
          Text('实际渲染高度: $_actualHeight'),
          // 自定义内容组件
        ],
      ),
    );
  }
}

2. MediaQuery获取屏幕高度做适配
   如果不需要精确的实际高度，可直接基于屏幕高度做响应式布局：

class Test extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final screenHeight = MediaQuery.of(context).size.height;
    // 按业务需求取屏幕高度的比例值
    final adaptiveHeight = screenHeight * 0.85;
    return Container(
      height: adaptiveHeight,
      child: // 自定义内容组件
    );
  }
}

二、获取pub.dev未知Widget的宽高 #

对于第三方未知Widget，核心是通过渲染后的RenderObject获取尺寸，或监听尺寸变化：

方法1：GlobalKey绑定获取 #

class UnknownWidgetWrapper extends StatefulWidget {
  final Widget unknownWidget;

  const UnknownWidgetWrapper({required this.unknownWidget, Key? key}) : super(key: key);

  @override
  _UnknownWidgetWrapperState createState() => _UnknownWidgetWrapperState();
}

class _UnknownWidgetWrapperState extends State<UnknownWidgetWrapper> {
  final GlobalKey _wrapperKey = GlobalKey();
  Size? _widgetSize;

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addPostFrameCallback((_) {
      final renderBox = _wrapperKey.currentContext?.findRenderObject() as RenderBox?;
      if (renderBox != null) {
        setState(() {
          _widgetSize = renderBox.size;
        });
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      key: _wrapperKey,
      child: widget.unknownWidget,
    );
  }
}

方法2：监听尺寸动态变化 #

如果Widget尺寸会随状态改变，用SizeChangedLayoutNotifier实时监听：

class UnknownWidgetListener extends StatefulWidget {
  final Widget unknownWidget;

  const UnknownWidgetListener({required this.unknownWidget, Key? key}) : super(key: key);

  @override
  _UnknownWidgetListenerState createState() => _UnknownWidgetListenerState();
}

class _UnknownWidgetListenerState extends State<UnknownWidgetListener> {
  Size? _currentSize;

  @override
  Widget build(BuildContext context) {
    return SizeChangedLayoutNotifier(
      child: NotificationListener<SizeChangedLayoutNotification>(
        onNotification: (notification) {
          final renderBox = context.findRenderObject() as RenderBox?;
          if (renderBox != null) {
            setState(() {
              _currentSize = renderBox.size;
            });
          }
          return true;
        },
        child: widget.unknownWidget,
      ),
    );
  }
}

三、获取父Widget的尺寸 #

最直接的方式是使用LayoutBuilder，它能直接拿到父容器传递的约束参数：

class Test extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return LayoutBuilder(
      builder: (context, constraints) {
        // constraints.maxWidth/maxHeight即为父Widget的可用尺寸
        final parentWidth = constraints.maxWidth;
        final parentHeight = constraints.maxHeight;
        return Container(
          width: parentWidth * 0.9,
          height: parentHeight * 0.7,
          child: // 自定义内容组件
        );
      },
    );
  }
}

如果父Widget的约束为Infinity（如在Column、ListView中），则LayoutBuilder无法拿到有效高度，此时可改用GlobalKey绑定父Widget的容器，或结合MediaQuery做适配。

内容的提问来源于stack exchange，提问作者chichi