跟我学企业级flutter项目：如何将你的项目简单并且快速屏幕自适应
前言
跟我学flutter系列：
跟我学flutter：我们来举个例子通俗易懂讲解dart 中的 mixin
跟我学flutter：我们来举个例子通俗易懂讲解异步（一）ioslate
跟我学flutter：我们来举个例子通俗易懂讲解异步（二）ioslate循环机制
跟我学flutter：在国内如何发布自己的Plugin 或者 Package
跟我学flutter：Flutter雷达图表（一）如何使用kg_charts
跟我学flutter：细细品Widget（一）Widget&Element初识
企业级篇目：
跟我学企业级flutter项目：用bloc手把手教你搭建用户认证系统
跟我学企业级flutter项目：dio网络框架增加公共请求参数&header
跟我学企业级flutter项目：如何用dio封装一套企业级可扩展高效的网络层
跟我学企业级flutter项目：如何封装一套易用，可扩展的Hybrid混合开发webview
跟我学企业级flutter项目：手把手教你制作一款低耦合空页面widget
你的flutter在小屏幕手机上出现文字丢失了么？ 你的flutter应用在小屏幕手机上排版出错了么？ 你的flutter应用在大屏幕手机上布局错乱了么？ 你在用flutter_screenutil做屏幕自适应么？ 今天我来给大家介绍一款简单不侵入代码的自适应。 如果你有如下需求：
- 旧的flutter想快速屏幕适应各种手机
- 页面代码中不想增加关于适配屏幕的代码
kg_density
kg_density 是一个极简的屏幕适配方案，可以快速的帮助已经开发好的项目适配屏幕
开始集成
dependencies:
kg_density: ^0.0.1
以下机型来自 iphone5s
登录适配之前
登录适配之后
图表页面适配之前
图表页面适配之后
其他页面适配之前
其他页面适配之后
使用方法：
- 创建 FlutterBinding
class MyFlutterBinding extends WidgetsFlutterBinding with KgFlutterBinding {
static WidgetsBinding ensureInitialized() {
if (WidgetsBinding.instance == null) MyFlutterBinding();
return WidgetsBinding.instance!;
}
}
- MaterialApp 配置
MaterialApp(
///定义主题
theme: ThemeData(),
builder: KgDensity.initSize(),
);
- 启动前的配置
void main() {
///初始化
KgDensity.initKgDensity(375);
MyFlutterBinding.ensureInitialized();
///运行
runApp(App());
}
注意说明：
- KgDensity.initSize(builder: ??)
为了方便其他builder配置，代码中专门增加其他builder
使用方法
builder: KgDensity.initSize(builder: EasyLoading.init()),
- KgDensity.initKgDensity(375)
数字配置的是按照设计稿件的最窄边来配置的
若不使用KgDensity 进行适配，请不要init
- 正确获取size
MediaQuery.of(context).size
请不要使用 window.physicalSize，MediaQueryData.fromWindow(window)
