平台网站空间,WordPress4.5取消了,网页制作软件dream,鸿兴网站建设公司在Flutter开发中也需要宽高自适应#xff0c;手动写一个工具类#xff0c;集成之后在像素后面直接使用 px或者 rpx即可。 工具类代码如下#xff1a;
import dart:ui;class HYSizeFit {static double screenWidth 0.0;static double screenHeight 0.0;static double phys…在Flutter开发中也需要宽高自适应手动写一个工具类集成之后在像素后面直接使用 px或者 rpx即可。 工具类代码如下
import dart:ui;class HYSizeFit {static double screenWidth 0.0;static double screenHeight 0.0;static double physicalWidth 0.0;static double physicalHeight 0.0;static double dpr 0.0;static double statusHeight 0.0;static double rpx 0.0;static double px 0.0;static void initialize({double standardSize 750}) {// 1、手机的物理分辨率physicalWidth window.physicalSize.width;physicalHeight window.physicalSize.height;// 2、 获取dprdpr window.devicePixelRatio;// 3、宽度和高度screenWidth physicalWidth / dpr;screenHeight physicalHeight / dpr;// 4、 状态栏高度statusHeight window.padding.top / dpr;// 5、计算 rpx 的大小rpx screenWidth / standardSize;px screenWidth / standardSize * 2;}// 按照像素来设置static double setPx(double size) {return px * size;}// 按照rpx来设置static double setRpx(double size) {return rpx * size;}
}
扩展(extension)代码
import hysize.dart;extension DoubleFit on double {double get px {return HYSizeFit.setPx(this);}double get rpx {return HYSizeFit.setRpx(this);}
}extension IntFit on int {double get px {return HYSizeFit.setPx(toDouble());}double get rpx {return HYSizeFit.setRpx(toDouble());}
}开始使用 1、需要在 main中进行初始化 overrideWidget build(BuildContext context) {// 初始化HYSizeFit.initialize();return FlutterBoostApp(routeFactory, appBuilder: appBuilder);}
}2、在使用的地方导入扩展文件直接使用即可
Container(width: 200.0.px,height: 200.px,
)
