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

Answer 2

导入'包：universal_html/html.dart';

int？ screenWidth = window.screen?.width; 整数？ screenHeight = window.screen?.height;