flutter小屏幕,flutter桌面小部件

Flutter开发Windows 和 Linux 桌面应用，设置默认窗口大小

在用Flutter 开发windows和linux跨平台应用的时候，如何设置默认窗口大小呢？

创新互联专注为客户提供全方位的互联网综合服务，包含不限于网站制作、网站建设、武安网络推广、小程序开发、武安网络营销、武安企业策划、武安品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联为所有大学生创业者提供武安建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com

flutter没有提供统一的api，所以默认的窗口大小是1280x720.

如果我们想要改成自己想要的默认窗口大小呢？比如我想要设置为：512像素宽, 926像素高

我该怎么做呢？

请看我的教程。

首先你确保你已经为项目创建了windows和Linux的支持。

目前Flutter 为windows和linux提供的是托管式运行的主程序，可以理解为一个壳子，这个壳子就是用cpp写的，平台原生的window 窗口。

所以我们可以打开相应的cpp源代码，设置默认窗口大小。

这里先讲windows和linux，因为mac 平台跟windows和linux不一样，后面单独给大家讲解。

我们看图。

源代码路径位于：

windows/runner/main.cpp

找到

第一个参数是宽度，单位是px，第二个是高度，单位是px

修改后重新运行生效。

源代码路径位于：

linux/my_application.cc

找到

方法的第一个数字是宽度，第二个是高度，单位也是px像素。

修改后，重新运行生效。

现在，你已经学会了如何设置初始窗口大小了。

Flutter中屏幕适配，尺寸设置

1、新版本Flutter SDK 引入了 extension的机制。可以对某个class 进行扩展。（swift中有类似机制）

2、屏幕适配一直是一个老生常谈的问题，随着机型越来越多，适配的场景也越来越复杂。

3、之前有了解过微信小程序的适配方案，个人一直感觉是一个比较好的方式（ iPhone6为标准尺寸）下面????将引用小程序的方案来进行对 Flutter的尺寸设置。

size_fit.dart 文件

double_extension.dart 文件

int_extension.dart 文件

通过上面的设置，在不同设备上，展示的widget的尺寸就会不一样了。

Flutter textField随着键盘弹出升高，点击空白处收回键盘

1、Flutter中的textField要想实现随着键盘弹出自动升高，必须要在Scaffold中，如下所示

2、如果textfield位置比较下面或者小屏幕时，在键盘弹出的时候导致溢出bug

这时候可以嵌套一层SingleChildScrollView（具体嵌套位置可以根据需要调整），如下所示

效果如下：

3、点击空白处收起键盘，直接嵌套一层GestureDetector即可，嵌套位置可以在Scaffold的body层，可以自己调整。

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 滑动、缩放控件

onInteractionEnd 交互结束

onInteractionStart 交互开始

onInteractionUpdate 滑动时候一直会回调

focalPoint 是相对于屏幕左上角的偏移量。

localFocalPoint是相对于父容器区域左上角的偏移量。

scale缩放量。

horizontalScale水平缩放量。

verticalScale竖直缩放量。

rotation旋转量。------ 这里说明能监听到旋转量

还可以通过transformationController进行变换控制，有兴趣的可以自己研究。

参考文章