dart 如何在Flutter中使用变换比例?

zkure5ic  于 2022-12-20  发布在  Flutter
关注(0)|答案(1)|浏览(101)

我想使用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,
              ),
            ),
          ),

如何调整此设置以使用灵活的样式?

kkbh8khc

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

相关问题