一、简介 flutter_screenutil 是一个 Flutter 插件,专门用于处理屏幕适配问题。它简化了不同设备间尺寸差异的处理,确保你的应用在各种屏幕上都能保持良好的显示效果。开发者可以通过简单的调用来设置基于设计图尺寸的控件宽高和字体大小。 项目地址:https://github.com
ScreenUtil.getInstance().getTextSize(); 3、其他功能 //获取屏幕宽度 ScreenUtil.getInstance().screenWidth; //获取屏幕高度 ScreenUtil.getInstance().screenHeight; //获取状态栏高度 ScreenUtil.getInstance().statusBarHeight; //获取底部安全距离 ScreenUtil.getInstance().bottomBarHeight; 四.使用方法 使用ScreenU...
插件地址 : https://pub.dev/packages/flutter_screenutil 插件使用案例 : https://pub.dev/packages/flutter_screenutil/example 插件安装文档 : https://pub.dev/packages/flutter_screenutil/install GitHub 地址: https://github.com/OpenFlutter/flutter_screenutil 中文文档 ( 强烈推荐看这个文档 ) : https:/...
ScreenUtil().setWidth(540) (sdk>=2.6:540.w)//根据屏幕宽度适配尺寸ScreenUtil().setHeight(200) (sdk>=2.6:200.h)//根据屏幕高度适配尺寸ScreenUtil().setSp(24) (sdk>=2.6:24.sp)//适配字体ScreenUtil().setSp(24, allowFontScalingSelf: true) (sdk>=2.6:24.ssp)//适配字体(根据系统的“字体大...
然后再来使用我们的flutter_ScreenUtil 做屏幕适配: 在每个使用的地方导入包: import 'package:flutter_screenutil/flutter_screenutil.dart'; 1. ##属性: 初始化并设置适配尺寸及字体大小是否根据系统的“字体大小”辅助选项来进行缩放 在使用之前请设置好设计稿的宽度和高度,传入设计稿的宽度和高度(单位px) 一定在Mat...
然后再来使用我们的flutter_ScreenUtil 做屏幕适配: 在每个使用的地方导入包: import'package:flutter_screenutil/flutter_screenutil.dart'; 属性: QQ截图20201125190915.png 初始化并设置适配尺寸及字体大小是否根据系统的“字体大小”辅助选项来进行缩放 在使用之前请设置好设计稿的宽度和高度,传入设计稿的宽度和高度(单位...
除此之外,还可以使用.sw和.sh直接使用屏幕宽高的百分比,以及使用.setVerticalSpacing和.horizontalSpace设置横向和纵向的间距。以上就是flutter_screenutil的使用方式,简单好用,基本可以解决大部分的适配问题了,而且ui还原度更高,如果个别情况还是出现问题,那就只能再使用老套路处理了。
1、导入 flutter_screenutil 插件依赖 2、 flutter_screenutil 初始化 3、 flutter_screenutil 使用 API 4、 设置字体 5、 设置宽高 三、代码示例 四、博客资源 一、推荐使用 flutter_screenutil 插件 flutter_screenutil 插件相关资料 : 插件地址 :https://pub.dev/packages/flutter_screenutil ...
Widgetbuild(BuildContext context){//设置适配尺寸 (填入设计稿中设备的屏幕尺寸) 此处假如设计稿是按iPhone6的尺寸设计的(iPhone6 750*1334)ScreenUtil.init(context,designSize:Size(750,1334),allowFontScaling:false);returnExampleWidget(title:'FlutterScreenUtil 示例');}}classExampleWidgetextendsStatefulWidget{con...
【Flutter】屏幕像素适配方案 ( flutter_screenutil 插件 ),一、推荐使用flutter_screenutil插件、二、flutter_screenutil插件使用、1、导入flutter_screenutil插件依赖、2、flutter_screenutil初始化、3、flutter_screenutil使用API、4、设置字体、5、设置宽高、三、代码