我想使用Transform.scale
来管理大小,如文本大小,图标大小等,使其灵活的基础上,如移动平板电脑或ipad的平台分辨率。但我不知道什么是移动或ipad的确切比例值。
这是我的代码:
Transform.scale(
scale: 1, // here is the scale value
child: Container(
height: 1000,
width: 500,
color: const Color(0xFFE8581C),
child: const Icon(
Icons.home,
size: 100,
),
),
),
如何调整此设置以使用灵活的样式?
1条答案
按热度按时间kkbh8khc1#
那么,你必须研究什么约束定义设备类型.大多数高度和宽度是用来定义什么样的设备,我们正在使用.它也碰巧有一些特殊类型的设备,如可折叠手机和其他...
如果我们考虑安卓手机谷歌已经作出了3类设备类型:紧凑型(普通手机)、中型(可折叠、迷你平板电脑)、扩展型(大屏幕平板电脑)作为高度和宽度的具体值,可以使用媒体查询和相应的渲染来找到
查找更多关于android布局的信息Responsive layouts by google develoeprs
一个好的起点是学习flutter中使用media query的响应布局
我会附上一个很好的教程,让你开始对Flutter用户界面响应检查
Adaptive vs Responsive Design with flutter - flutterYT
Responsive UI with flutter - Mitch Koko