ScreenUtil.init这个方法一般放在根路由即第一个页面加载的时候进行初始化, 因为这个时候还没加载 MaterialApp 无法使用 MediaQuery.of(context ) 获取到屏幕宽高。
import 'package:flutter_screenutil/flutter_screenutil.dart'; 2、 flutter_screenutil 初始化 在MyApp 中 , 使用 ScreenUtilInit 作为最顶层的组件 , 包裹 MaterialApp 组件 ; 设置其 designSize 参数 , 用于设置设计稿的宽度和高度 ; 代码示例 : 代码语言:javascript 复制 import 'package:flutter/material.dart'...
ScreenUtil.init(context); //假如设计稿是按iPhone6的尺寸设计的(iPhone6 750*1334) ScreenUtil.init(context, designSize: Size(750, 1334)); //设置字体大小根据系统的“字体大小”辅助选项来进行缩放,默认为false ScreenUtil.init(context, designSize: Size(750, 1334), allowFontScaling: true); 1. 2. ...
一,flutter_screenutil库的地址: https://pub.dev/packages/flutter_screenutil 代码地址: https://github.com/OpenFlutter/flutter_screenutil 说明:刘宏缔的架构森林是一个专注架构的博客, 网站:https://blog.imgtouch.com 原文:https://blog.imgtouch.com/index.php/2023/06/04/flutter-shi-pei-ping-mu-flut...
WidgetsFlutterBinding.ensureInitialized();//设置适配尺寸 (填入设计稿中设备的屏幕尺寸) 此处假如设计稿是按iPhone6的尺寸设计的(iPhone6 750*1334)ScreenUtil.init(context,designSize: Size(750,1334), allowFontScaling: false);runApp(MyApp()); }//默认 width : 1080px , height:1920px , allowFontScaling...
ScreenUtilInit:初始化设置。 setWidth和setHeight:根据设计稿尺寸设置宽度和高度。 setSp和setFontSize:设置字体大小。 如果按照上述方法仍然无法解决问题,建议检查是否有其他代码影响了flutter_screenutil的正常工作,或者查看官方文档和GitHub issues获取更多帮助。
方式二: ScreenUtil.init只需在home或者根路由(即第一个flutter页面)中调用一次即可。class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, title: 'Flutter_ScreenUtil', theme: ThemeData( primarySwatch: Colors.blue, ), ...
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:(contex...
我们在布局中使用ScreenUtil().screenWidth获取屏幕宽度是,在初始化未装载视图时,第一次获取时拿不到,会出现如上的崩溃。 解决方案import 'package:flutter_screenutil/screenutil_init.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart'; 1. 2、 flutter_screenutil 初始化 在MyApp 中 , 使用 ScreenUtilInit 作为最顶层的组件 , 包裹 MaterialApp 组件 ; 设置其 designSize 参数 , 用于设置设计稿的宽度和高度 ; 代码示例 : ...