堆栈中Positioned小部件的顶部、底部等是否可以指定为百分比



在flutter中使用Positioned小部件时,是否可以将顶部和底部参数指定为堆栈的百分比,而不是精确的像素?

我有个主意!我不知道,你觉得怎么样。

不能直接对精确的像素使用百分比。但是您可以使用MediaQuery来使用百分比。

final size=MediaQuery.of(context(.size//这个var有100%的屏幕

现在,您可以在顶部、底部、右侧和左侧属性中使用screenSize的百分比。

喜欢top:size.height/2,//它将把你的屏幕高度除以2,意味着50%的

我有两个建议:

首先:在堆栈小部件中,有一个alignment属性,您可以从Alignment枚举中选择一个值来对齐Positioned小部件您也可以用Align小部件包装Positioned小部件

如果这个不适合你的情况在alignment属性中,可以使用Alignment构造函数指定y和x值来对齐小部件,例如:

alignment: Alignment(0, 0)

将使您的小部件居中

alignment: Alignment(-1, -1)

将您的小部件与左上对齐

alignment: Alignment(1, 1)

将您的小部件与右下对齐

这样,您就可以使用这些值之间的值来进行特定的对齐乘以你计算的百分比,以达到基于%的特定对齐

相关内容

最新更新