Flutter UI适合任何屏幕大小(无滚动)

Question

一个问题，也许有点傻。。。我正在制作我的第一个Flutter应用程序，我知道我正在登录屏幕上工作。它有一个简单的设计：欢迎文本和两排谷歌和苹果登录。

我不想制作一个可滚动的页面，但我如何才能确保所有元素都适合屏幕？根据你的经验和知识，哪种方法是最好的？

谢谢！

Answer 1

您将希望利用Flex小部件，如Flexible和Expanded以及在Column或Row上对齐的轴。这些将为您的孩子的小部件提供动态大小调整。但是，请记住，Flex小部件必须是Row或Column的直接子级。

检查下面的例子，在Row:中有两个按钮共享50%的屏幕

Row(
children: <Widget> [
Expanded(
child: Button1(),
),
Expanded(
child: Button2(),
),   
]
)

你可能想看看这个答案。

Answer 2

使用MediaQuery和Alignment小部件的组合。通过MediaQuery，您可以获得设备的宽度和高度，这样您的小部件将根据屏幕和对齐方式具有动态大小，以正确对齐小部件。