Flutter web如何获取全屏尺寸

Question

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

谢谢

Answer 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!')),
);

Flutter web如何获取全屏尺寸

Flutter web how to get full screen size

flutter

flutter-layout

flutter-web