如何使用MediaQuery计算高度和宽度

Question

假设我有一个高度为60的容器。这个60怎么能写在mediaquery中？

示例代码：

Container(height:60,)

我希望这个容器看起来有60作为高度，但在反应的方式。

Answer 1

你可以试试这个：

var size = MediaQuery.of(context).size;
Container(height:size.height * 60/580,);

这里60是你喜欢的高度，580是你的设备在ui设计中的高度。

Answer 2

这将有助于var size = MediaQuery.of(context).size.height；

还有一些插件可以帮助Pubdev插件

Answer 3

Size size = MediaQuert.of(context).size
Container(
//width: size.width * 0.1 //10% width of Device
height: size.height * 0.1 //10% height of Device
),