在Flutter中，我们如何按百分比设置高度或宽度？

19 浏览
0 Comments

在Flutter中，我们如何按百分比设置高度或宽度？

在Flutter中需要知道一件事，是否可以用%来定义高度/宽度？我正在跟随一些教程，但最终我注意到UI不是自适应的，所以我认为最好的方法是按百分比固定高度或宽度。

我们可以简单地以SizedBox为例

SizedBox(height: 20,)

我如何在这个SizedBox中显示高度为5%？或者有其他最佳解决方案来使高度自适应？

admin 更改状态以发布 2023年5月21日
0

2 答案

0 Comments

你可以访问MediaQuery属性。

h = MediaQuery.of(context).size.height
w = MediaQuery.of(context).size.width
myWidgetHeight = h * 0.35

当你想要获取应用程序工作屏幕的大小并在函数中进行操作时，而不是在小部件属性中，这非常有用。

0
0 Comments

你可以使用 FractionallySizedBox 替代 SizedBox。

例如：

FractionallySizedBox(heightFactor: 1, widthFactor: 0.25,
  child: Container(color: Colors.orange)),

0