Flutter中屏幕目前最佳适配方案

1.pubspec.yaml中加入flutter_screenutil: ^0.5.3

dependencies:
  flutter_screenutil: ^0.5.3

2.获取当前屏幕/密度/高度

• 引入dart文件

import 'package:flutter_screenutil/flutter_screenutil.dart';

• 调用方法

在build方法中初始化设计图尺寸
@override
  Widget build(BuildContext context) {
	ScreenUtil.instance = ScreenUtil(width: 750, height: 1334)..init(context);
}

• 获取设置宽/高…等数据

获取数据：
print('设备宽度:${ScreenUtil.screenWidth}');
 print('设备高度:${ScreenUtil.screenHeight}');
 print('设备像素密度:${ScreenUtil.pixelRatio}');
 
设置数据：
这时候我们使用的尺寸是px.
根据屏幕宽度适配：width:ScreenUtil().setWidth(540);
根据屏幕高度适配：height:ScreenUtil().setHeight(200);
适配字体大小：fontSize：ScreenUtil().setSp(28,false);