flutter 适配
Posted pp-pping
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了flutter 适配相关的知识,希望对你有一定的参考价值。
代码:
ScreenUtil.instance = ScreenUtil(width: 750,height: 1334)..init(context);
print(‘设备像素密度:${ScreenUtil.pixelRatio}‘);
print(‘设备高度:${ScreenUtil.screenHeight}‘);
print(‘设备宽度:${ScreenUtil.screenWidth}‘);
return Container(
height: ScreenUtil().setHeight(333),
width: ScreenUtil().setWidth(750),
总结
//插件屏幕适配 flutter_screenutil
现在 pubspec.yaml 导入 flutter_screenutil
//初始化
ScreenUtil.instence = ScreenUtil(width:w,height:h)..init(context); //w 和 h 都是UI 按照什么尺寸设计的
print(‘设备像素密度:${ScreenUtil.pixelRatio}‘);
print(‘设备高度:${ScreenUtil.screenHeight}‘);
print(‘设备宽度:${ScreenUtil.screenWidth}‘);
控件使用
xxx(
width :ScreenUtil().setWidth(www);
height:ScreenUtil().setHeight(hhh);
)
以上是关于flutter 适配的主要内容,如果未能解决你的问题,请参考以下文章
Flutter UI适配详解 —— Flutter开发必看!
Flutter UI适配详解 —— Flutter开发必看!