Flutter 程序员必备 - mediaquery.of(context).size.height 颤动

在 Flutter 开发中，我们经常需要根据屏幕的尺寸和密度来调整布局和组件的大小。为了方便地获取屏幕信息，Flutter 提供了一个 MediaQuery 类。通过 MediaQuery.of(context).size.height，我们可以轻松地获取当前设备的屏幕高度，从而实现更灵活的布局适配。

获取屏幕高度

在 Flutter 中，使用 MediaQuery 类可以获取当前设备的屏幕信息。其中，MediaQuery.of(context) 方法返回一个 MediaQueryData 对象，包含了多种设备信息，如屏幕尺寸、分辨率、字体比例等等。我们可以通过该对象的 size 属性来获取当前设备的屏幕信息，如下所示：

double screenHeight = MediaQuery.of(context).size.height;

在上述代码中，screenHeight 变量即代表当前设备的屏幕高度，单位为逻辑像素。

颤动屏幕适配

当我们需要实现屏幕适配时，可以通过 MediaQuery.of(context).size.height 来计算组件的大小和位置。例如，我们需要将一个 Container 组件高度设置为屏幕高度的一半，可以使用如下代码：

Container(
  height: MediaQuery.of(context).size.height * 0.5,
  color: Colors.blue,
)

在上述代码中，我们将 Container 组件的高度设置为屏幕高度的一半。这样，无论当前设备屏幕的高度是多少，该组件始终会填充屏幕高度的一半，并且保持了良好的适配性。

总结

MediaQuery.of(context).size.height 是 Flutter 中非常常用的获取屏幕高度的方法，可以用来实现屏幕适配等操作。在使用时，需要注意单位为逻辑像素，并结合具体的组件来计算大小和位置，以达到最佳的适配效果。