ScreenUtil().setWidth(540) (sdk>=2.6 : 540.w) //根据屏幕宽度适配尺寸 ScreenUtil().setHeight(200) (sdk>=2.6 : 200.h) //根据屏幕高度适配尺寸(一般根据宽度适配即可) ScreenUtil().radius(200) (sdk>=2.6 : 200.r) //根据宽度或高度中的较小者进行调整 ScreenUtil().setSp(24) (sdk>=2.6 :...
一、推荐使用 flutter_screenutil 插件 flutter_screenutil 插件相关资料 : 插件地址 : https://pub.dev/packages/flutter_screenutil 插件使用案例 : https://pub.dev/packages/flutter_screenutil/example 插件安装文档 : https://pub.dev/packages/flutter_screenutil/install GitHub 地址: https://github.com/Open...
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 是一个 Flutter 插件,专门用于处理屏幕适配问题。它简化了不同设备间尺寸差异的处理,确保你的应用在各种屏幕上都能保持良好的显示效果。开发者可以通过简单的调用来设置基于设计图尺寸的控件宽高和字体大小。 项目地址:https://github.com
然后再来使用我们的flutter_ScreenUtil 做屏幕适配: 在每个使用的地方导入包: import 'package:flutter_screenutil/flutter_screenutil.dart'; 1. ##属性: 初始化并设置适配尺寸及字体大小是否根据系统的“字体大小”辅助选项来进行缩放 在使用之前请设置好设计稿的宽度和高度,传入设计稿的宽度和高度(单位px) 一定在Mat...
Flutter使用ScreenUtil获取屏幕宽高初始化报错 报错如下 原因 我们在布局中使用ScreenUtil().screenWidth获取屏幕宽度是,在初始化未装载视图时,第一次获取时拿不到,会出现如上的崩溃。 解决方案 import 'package:flutter_screenutil/screenutil_init.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart';...
ScreenUtil.getInstance().getTextSize(); 3、其他功能 //获取屏幕宽度 ScreenUtil.getInstance().screenWidth; //获取屏幕高度 ScreenUtil.getInstance().screenHeight; //获取状态栏高度 ScreenUtil.getInstance().statusBarHeight; //获取底部安全距离 ScreenUtil.getInstance().bottomBarHeight; 四.使用方法 使用ScreenU...
Widgetbuild(BuildContext context){//设置适配尺寸 (填入设计稿中设备的屏幕尺寸) 此处假如设计稿是按iPhone6的尺寸设计的(iPhone6 750*1334)ScreenUtil.init(context,designSize:Size(750,1334),allowFontScaling:false);returnExampleWidget(title:'FlutterScreenUtil 示例');}}classExampleWidgetextendsStatefulWidget{con...
使用 import'package:flutter_screenutil/flutter_screenutil.dart'; voidmain()=>runApp(MyApp());classMyAppextendsStatelessWidget{@override Widgetbuild(BuildContext context){//填入设计稿中设备的屏幕尺寸,单位dpreturnScreenUtilInit(designSize:constSize(360,690),minTextAdapt:true,splitScreenMode:true,builder:...
1、导入 flutter_screenutil 插件依赖 2、 flutter_screenutil 初始化 3、 flutter_screenutil 使用 API 4、 设置字体 5、 设置宽高 三、代码示例 四、博客资源 一、推荐使用 flutter_screenutil 插件 flutter_screenutil 插件相关资料 : 插件地址 :https://pub.dev/packages/flutter_screenutil ...