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中靈活地使用。根據不同的需求，我們可以選擇合適的方式來獲取手機的尺寸。