Flutter - 仅在有足够空间时显示图像

Question

我有一个 Expanded 小部件，它的子部件是 Image.asset(...)。
在小手机上没有足够的空间，图像被大幅缩小。由于无论如何它只是为了吸引眼球，如果至少没有可用的 height >= 100.0，我想隐藏/不显示 Image。

我如何在 Flutter 中完成此操作？有没有办法获取父窗口小部件的大小？

Answer 1

您可以使用 LayoutBuilder 获取小部件的输入约束。

然后根据这些约束决定显示或不显示图像

LayoutBuilder(
  builder: (context, constraint) {
      if (constraint.maxHeight < 100.0) {
        // too small
        return Container();
      } else {
        // ok
        return Column(
          children: <Widget>[
            Image.asset("foo"),
            Container()
          ],
        );
      }
  },
)