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学习-屏幕适配

Flutter UI适配详解 —— Flutter开发必看!

Flutter UI适配详解 —— Flutter开发必看!

Flutter UI适配详解 —— Flutter开发必看!

flutter也能适配了!

flutter 屏幕尺寸适配字体大小适配