根据 flutter 的屏幕尺寸调整大小 class

Question

我是 Flutter 新手，我使用固定尺寸设计我的应用程序。根据屏幕尺寸（不同 phone 屏幕尺寸）调整脚手架大小的最简单方法是什么。

Answer 1

你翻阅官方文档here

并使用MediaQuery.of() 响应式、自适应 classes/Widgets

Answer 2

您可以在构建方法中使用 MediaQuery.of(context).size。

build(BuildContext) {
   final Size size = MediaQuery.of(context).size;
}

然后像这样使用它：

SizedBox(
   height: size.height,
   width: size.width * 0.85,
),

另一种选择是使用外部库，例如 GetX or ScreenUtils

Answer 3

要调整 screens/widgets 的大小，您可以使用 MediaQuery。

你可以这样使用它 ->

screenHeight: MediaQuery.of(context).size.height,
screenWidth: MediaQuery.of(context).size.width,

然后你可以缩放它 ->

Container(
        width: MediaQuery.of(context).size.width* 0.5,
)

如果乘以 0.5，这意味着您要使用屏幕宽度的 50%。

Answer 4

包和来源：

https://pub.dev/packages/responsive_framework https://flutter.dev/docs/development/ui/layout/adaptive-responsive

您可以通过 MediaQuery 检查高度和宽度。示例：

double _height =  MediaQuery.of(context).size.height;
double _width =  MediaQuery.of(context).size.width;

Resizing class according to screen size on flutter