如果我想將高度設置為 10px 或 10%，那么我應該如何使用它？

Question

任何類型的高度、寬度、頂部、左側、右側等都需要 px OR %(percentage) 那么我該如何使用它。 它可以是 Container、Padding、SizeBox 等。小部件。

margin: EdgeInsets.only(top: 10.0), //need 10px or 10%, so how to use ?

Answer 1

按照官方文檔的建議，使用MediaQuery類獲取窗口的當前大小。

使用 MediaQuery.of 查詢當前媒體將導致您的小部件在 MediaQueryData 更改時自動重建（例如，如果用戶旋轉他們的設備）。

margin: MediaQuery.of(context).size.height * .10 //To get the 10%

或者

margin: 10.0 //To set 10px

---

如果您只想獲取單個 Widget 的大小，請使用MediaQueryData 。

Answer 2

您可以使用Sizer包。

將Sizer 包添加到您的項目后。

您可以使用10.h來獲得 10% 的高度。

margin: EdgeInsets.only(top: 10.h)

Answer 3

無需安裝額外的包，這可以通過標准的顫振來實現

double screenWidth = MediaQueryData.fromWindow(WidgetsBinding.instance!.window).size.width;

double screenHeight = MediaQueryData.fromWindow(WidgetsBinding.instance!.window).size.height;

margin: EdgeInsets.only(top: screenHeight * 0.1)