Flutter--获取父组件约束大小

最新推荐文章于 2024-07-23 23:35:56 发布

原创最新推荐文章于 2024-07-23 23:35:56 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flutter

flutter开发专栏收录该内容

44 篇文章

订阅专栏

本文介绍如何在 Flutter 中避免在 build 阶段调用 context.size 报错，通过 LayoutBuilder 组件获取父组件的约束条件，确保子组件根据父组件尺寸渲染。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

context可以获取当前组件的大小，但是有时候我们想要渲染子组件时需要依赖当前组件的尺寸，build第一次运行时渲染树还没生成，调用context.size会报错，此时就需要使用LayoutBuilder组件，它可以获取父组件的约束，用它包裹子组件，变相获得还未渲染的父组件尺寸。

  @override
  Widget build(BuildContext context) {
    return UIContainer(
      width: double.infinity,
      height: double.infinity,
      child: LayoutBuilder(
        builder: (BuildContext context, BoxConstraints constraints) {
          return Text("maxWidth: ${constraints.maxWidth}, maxHeight: ${constraints
                      .maxHeight} \n minWidth: ${constraints
                      .minWidth}, minHeight: ${constraints.minHeight}");
          },
        ),
    );
  }