如何获取 Flutter 应用程序的屏幕尺寸?

2024-03-19

我以全页模式显示从云存储加载的图像。我可以向图像 URL 提供一个参数来请求特定大小,例如匹配最长的屏幕尺寸。这样,如果屏幕只有 1334 像素,我就不必加载 1920px 图像。

如何获取屏幕尺寸作为参数传递?


您可以使用MediaQuery https://docs.flutter.io/flutter/widgets/MediaQueryData-class.html类,以及相关的MediaQueryData https://docs.flutter.io/flutter/widgets/MediaQueryData-class.html确定您的屏幕尺寸并获取正确的图像。然后您可以比较MediaQueryData.size具有一些预定义屏幕尺寸的成员 - 这将为您提供逻辑像素数。

例如,在小部件的构建方法中:

class MyWidget extends StatelessWidget {

  Widget build(BuildContext context) {
     // retrieve the mediaQuery data
     final mediaQueryData = MediaQuery.of(context);
     if (mediaQueryData.size < const Size(100.0, 100.0)) {
       // build small image.
     } else {
       // build big image.
     }
  }

}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何获取 Flutter 应用程序的屏幕尺寸? 的相关文章

随机推荐