根据屏幕大小控制元素大小
Posted
技术标签:
【中文标题】根据屏幕大小控制元素大小【英文标题】:Controlling element sizes depending on screen size 【发布时间】:2020-09-29 19:14:42 【问题描述】:有什么方法可以让我们根据屏幕大小调整应用程序中的所有内容,例如 css 中的rem
属性。因为所有小部件都需要像素大小的大小,不同的屏幕大小可能会有所不同。
【问题讨论】:
【参考方案1】:因为所有小部件都需要像素大小的大小
实际上,flutter 使用density independent pixels (dp) 作为宽度/高度参数。 dp 实际上随分辨率缩放,这意味着 1 dp 在每个设备上显示为相同的物理距离。
但是对于相对布局,有一些选择:
-
Flexible
Expanded
MediaQuery
LayoutBuilder
GridView
other layout options
【讨论】:
以上是关于根据屏幕大小控制元素大小的主要内容,如果未能解决你的问题,请参考以下文章