flutter平板适配的简单介绍
Flutter_图片分辨率适配及批量拓展使用
flutter开发中，图片的引用是必不可少的，所以为了提高效率和精准度，我们需要对不同分辨率的手机使用相对应的切图图片，本章介绍如何进行 图片分辨率适配 和 图片批量拓展处理 。
网站建设哪家好，找成都创新互联公司！专注于网页设计、网站建设、微信开发、微信小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了顺庆免费建站欢迎大家使用！
flutter中会首先根据系统的devicePixelRatio（每一个逻辑像素包含多少个原始像素，可以通过MediaQueryData.devicePixelRatio来得到）来找对应倍数的文件夹下的图片，如果没有对应倍数，找最接近的。
所以在flutter项目中，我们需要构建对应的倍数像素文件夹
之后再pubspec.yaml中，配置assets文件后就可以使用了（如使用"assets/images/jay.png"，会自动适配该像素下最接近的jay图片）。
使用flutter-img-sync插件批量化处理，具体操作如下
目前还不能处理gif、webp等格式的图片，而且如果和上边介绍的不同像素比适配方案一起使用的话，由于进行了精准定位，所以指定图片后就不能进行像素适配，这是目前还存在的较大问题，所以目前两者方案只能暂时取一使用。
Flutter中屏幕适配，尺寸设置
1、 新版本Flutter SDK 引入了 extension的机制。可以对某个class 进行扩展。（swift中有类似机制）
2、屏幕适配一直是一个老生常谈的问题，随着机型越来越多，适配的场景也越来越复杂。
3、之前有了解过 微信小程序的适配方案，个人一直感觉是一个比较好的方式（ iPhone6为标准尺寸）下面????将引用小程序的方案来进行对 Flutter的尺寸设置。
size_fit.dart 文件
double_extension.dart 文件
int_extension.dart 文件
通过上面的设置，在不同设备上，展示的widget的尺寸就会不一样了。
flutter 升级适配 android12
In gradle-wapper.property:
" distributionUrl=https\://services.gradle.org/distributions/gradle-7.3.3-all.zip"
in build.gradle:
dependencies{
classpath'com.android.tools.build:gradle:7.2.1'
classpath"org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
}
参照：;authuser=0#updating-gradle
四大组件中添加 android:exported="true"
Flutter 94: 初识 MediaQuery
当我们同时为手机和平板适配编写 app 针对不同屏幕尺寸进行 UI 布局或当用户偏好设置较大字号或是想要最大限度等减少动画等；此时就需要 MediaQuery 来帮我们获取所用设备的信息以及用户设置的偏好信息；
MediaQuery 一直存在于 WidgetsApp 和 MaterialApp 中， MediaQuery 继承自 InheritedWidget 是一个单独的 Widget ，但一般通过 MediaQuery.of(context) 来获取相关信息；
当相关信息发生变化，例如屏幕旋转等时，屏幕中 Widget 会重新构建，以保持最新状态；我们可以通过 MediaQuery 构造函数和提供的静态方法手动设置对应的相关信息；
MediaQueryData 包含关于媒介的相关信息；一般通过 MediaQuery.of(context) 获取；
size 为媒介的尺寸大小，以逻辑像素为单位；
devicePixelRatio 为像素密度；与设备物理像素有关，与横竖屏等无关；
orientation 为横竖屏， Orientation.landscape 为横屏， Orientation.portrait 为竖屏；
textScaleFactor 为
每个逻辑像素的字体像素数，小菜理解为字体的像素比；注意，小菜设置了默认字体像素密度为标准的 1.2 倍之后调整设备系统字号，其 1.2 倍依旧是以标准字号为基础扩大 1.2 倍；
platformBrightness 为当前设备的亮度模式；注意调整屏幕亮度并不会改变该模式，与当前系统支持的黑暗模式和明亮模式相关；
alwaysUse24HourFormat 为当前设备是否为 24 小时制；
accessibleNavigation 为是否使用 TalkBack 或 VoiceOver 之类的辅助功能与应用程序进行交互，用以辅助视力障碍人群；
invertColors 为是否使用颜色反转，主要用于 iOS 设备；
highContrast 为用户是否要求前景与背景之间的对比度高，主要用于 iOS 设备；
disableAnimations 为平台是否要求禁用或减少动画；
boldText 为平台是否要求使用粗体；
padding 为屏幕内边距，一般是刘海儿屏或异形屏中被系统遮挡部分边距；
viewInsets 为键盘弹出时等遮挡屏幕边距，其中 viewInsets.bottom 为键盘高度；
systemGestureInsets 为手势边距，如 Android Q 之后添加的向左滑动关闭页面等；
viewPadding 小菜理解为视图内边距，为屏幕被刘海儿屏或异形屏中被系统遮挡部分，从 MediaQuery 边界的边缘计算；此值是保持不变；例如，屏幕底部的软件键盘可能会覆盖并占用需要底部填充的相同区域，因此不会影响此值；
physicalDepth 为设备物理层级，小菜暂时还未想到对应的应用场景；
小菜在尝试获取其他子 Widget Size 时，有两点需要注意，首先要设置一个全局的 GlobalKey 来获取当前位置， key 需要为唯一的；第二通过 GlobalKey().currentContext 获取 BuildContext 上下文环境，从而获取对应尺寸；
MediaQuery 案例尝试
小菜对于部分 MediaQueryData 的应用和理解还不够深入；如有错误请多多指导！
Flutter实践--屏幕适配
做移动端开发的小伙伴都知道，针对不同型号和尺寸的手机要进行页面适配，且Android和iOS适配方案各不相同，那flutter端如何进行适配呢？以下为近期flutter开发过程中关于适配的一些学习和记录~~~~
说到flutter屏幕适配，就不得不提到插件 flutter_screenutil ，提到flutter_screenutil就不得不说以下几点????
默认宽1080px
默认高1920px
allowFontScaling为false，即不跟随系统字体大小设置变化
初始化单位为px
需要把context传进去，因为内部是通过 MediaQuery 来获取屏幕尺寸等相关信息的
无需再传context，因为内部是通过单例 window 来获取屏幕尺寸等相关信息的
作为iOS开发，之前都是以pt为参照进行比例适配的，且架构组已经定义了一套适配相关常量，传px进去不太方便，所以需要对flutter_screenutil进行扩展
公司设计图是以iPhone X的尺寸提供的即物理设备尺寸为375x812，像素比例为750x1624,像素密度比为2
初始化仍用px来初始化
dart sdk 2.7正式支持 extension-method ，即为已有类扩展方法，从 flutter_screenutil 这种 540.w 写法点进去，我们可以看到
flutter_screenutil为num类扩展了一系列简写方法，那我们当然可以按照它这种方式进行扩展
网上提供的解决方案：
第一步：修改 pubspec.yaml
第二步：执行 flutter pub get
第三步：重启 AndroidStudio
解决方案：去掉const即可
UI设计中px、pt、ppi、dpi、dp、sp之间的关系
Dart/Flutter - 扩展方法(ExtensionMethod)
Flutter笔记九之主题和适配
同小程序引入 rpx 单位，可以引入 pt 单位与原尺寸相乘即可。下面是个适配的小工具
当前题目：flutter平板适配的简单介绍
本文网址：http://cdiso.cn/article/dscscjd.html
