Flutter web如何获得全屏尺寸答案

【问题标题】：Flutter web how to get full screen sizeFlutter web如何获得全屏尺寸
【发布时间】：2025-12-29 09:25:11
【问题描述】：

我使用MediaQuery.of(context).size.height 来获取我在移动设备中所做的flutter web 的屏幕尺寸（在这种情况下为高度），但是当我缩小chrome（又名网络浏览器）时，MediaQuery 值将转换为缩小的屏幕尺寸，我想要的是固定的屏幕尺寸，等于全屏的屏幕尺寸。我可以这样做吗？

谢谢

【问题讨论】：

知道MediaQuery... 返回缩小的浏览器窗口大小真的很高兴，因此我可以使用它来根据窗口大小构建响应式自定义应用栏。

标签： flutter flutter-layout flutter-web

【解决方案1】：

如果屏幕尺寸低于最小值，只需使用SizedBox 强制屏幕尺寸。

final size = MediaQuery.of(context).size;
final minWidth = 800.0;
final minHeight = 600.0;

SizedBox(
  width: size.width < minWidth ? minWidth : size.width,
  height: size.height < minHeight ? minHeight : size.height,
  child: const Card(child: Text('Hello World!')),
);

【讨论】：