Flutter如何获取屏幕宽度

一、通过MediaQuery获取屏幕宽度

Flutter提供了MediaQuery类，可以用于获取手机的各种参数，包括屏幕尺寸。通过MediaQuery可以返回一个MediaQueryData对象，其中包含了当前屏幕尺寸的各种参数，在其中我们可以获取屏幕的宽度。

double width = MediaQuery.of(context).size.width;

在上面的代码中，我们可以通过of方法获取context下的MediaQueryData，再获取其size属性中的宽度值。这个width值的类型为double，代表了屏幕宽度的像素值。

二、通过LayoutBuilder获取屏幕宽度

另一个获取屏幕宽度的方法是使用LayoutBuilder类。它可以返回一个BoxConstraints对象，其中包含了Widget可以使用的最大空间。

double width;
LayoutBuilder(
  builder: (BuildContext context, BoxConstraints constraints) {
    width = costraints.maxWidth;
    return Container();
  },
);

在上面的代码中，我们使用LayoutBuilder创建了一个Widget，并通过builder回调返回一个Container，其中我们可以获取当前Widget可以使用的最大空间，也就是屏幕的宽度。

三、通过GlobalKey获取屏幕宽度

如果我们在一个Widget树中找不到一个能够访问context的widget，可以尝试使用GlobalKey。它可以帮助我们在Widget树中寻找一个唯一的节点，并且可以获取到该节点的context。

final GlobalKey key = GlobalKey();
RenderBox box = key.currentContext.findRenderObject();
double width = box.size.width;

在上面的代码中，我们创建了一个GlobalKey对象，并使用该key将一个widget包装起来。在widget树渲染完成后，我们可以获取该widget的context，并通过context来获取RenderBox对象。最后我们可以从RenderBox中获取它的size属性，也就是屏幕宽度。

四、总结

在Flutter中获取屏幕宽度有多种方法，我们可以使用MediaQuery、LayoutBuilder和GlobalKey。这些方法都可以帮助我们获取屏幕宽度，并且可以在我们的App中灵活地使用。根据不同的需求，我们可以选择合适的方式来获取手机的尺寸。