我以整页模式显示从云存储加载的图像。我可以向图像 URL 提供参数以请求特定大小,例如匹配最长的屏幕尺寸。这样,如果屏幕只有 1334 像素,我就不必加载 1920 像素的图像。
如何获取屏幕尺寸作为参数传递?
最佳答案
您可以使用 MediaQuery
类,以及相关的 MediaQueryData
确定您的屏幕尺寸并获取正确的图像。然后,您可以将 MediaQueryData.size
成员与一些预定义的屏幕尺寸进行比较 - 这将为您提供逻辑像素的数量。
例如在一个widget的build方法中:
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.
}
}
}
https://stackoverflow.com/questions/49664059/