Flutter 是一款跨平台的移动应用 SDK，可通过同一套代码构建高性能，高保真的 iOS 和 Android 应用。react 风格的框架 , 一个 2D 渲染引擎, 现成的组件, 和开发者工具。
希望这篇文章能够为大多数 JavaScript 开发者提供快速简便的介绍，并且我会尝试使用 Flutter / Dart 和 Pub 包来类比 JS 和 npm 生态系统。
老孟导读：刚开始看到这个功能的时候一定觉得so easy，开始的时候我也是这么觉得的，这还不简单，然而真正写的时候才发现并没有想象的那么简单。先上图，不上图你们都不想看，我难啊，到Github：https://github.com/781238222/flutter-do 上给个小星星可还行，如果能fork一下，那更是感激不尽。
言归正传，完成验证码输入框经历了4个阶段，虽然前3个尝试是失
Flutter最近很火,我抽出了一点时间对Flutter进行了初步了解,过程中遇到一些问题,在这里记录并分享一下. Flutter中文网 https://flutterchina.club/ "使用镜像"、"获取Flutter SDK"、"Android Studio设置" 等等一系列操作按照官网教程来操作就可以了,如有个别问题,网上的相关也是可以解决的,这里我不再赘述. 还算顺利地创建了第一
转载
2023-12-13 14:05:54
14阅读
添加资源和图片Flutter 应用程序包含代码和 assets（有时称为资源）。资源是被打包到应用程序安装包中，可以在运行时访问的一种文件。常见的资源类型包括静态数据（例如 JSON 文件），配置文件，图标和图片（JPEG，WebP，GIF，动画 WebP / GIF，PNG，BMP 和 WBMP）。 指定资源Flutter 使用 pubspec.yaml 文件，位于项目根目录, 来识别
转载
2023-12-23 16:41:26
109阅读
写在前面这类的库在pub上有很多我为什么要自定义呢首先是项目需要，并且这种库普适性高，抽取出来今后复用也方便点另外记录一下编码思路,方便后续查看使用说明image.png看看构造方法一共5个属性child是ListViewonLoadMore是加载更多时的回调,由外部实现isFinish 加载完成delegate是一个抽象类image.png有默认实现, 其中有3个方法,一个是根据状态给一个wid
在我软的UWP里面有一个接口ISupportIncrementalLoading 只要你的集合继承这个，并且实现里面的方法，就能自动实现加载更多的这个动作。说白了就是UWP里面UI列表控件跟集合一个契约。在Flutter里面没有这种类似的东西，但是实际项目里面会出现大量的列表需要加载更多。 无图无真相，先上一个图。 首先我们也来定义个
LoadingMoreBase 契约类 class
转载
2024-05-05 14:19:30
24阅读
作为系列文章的第十篇，本篇主要深入了解 Flutter 中图片加载的流程，剥析图片流程中有意思的片段，结尾再实现 Flutter 实现本地图片缓存的支持。在 Flutter 中，图片的加载主要是通过 Image 控件实现的，而 Image 控件本身是一个 StatefulWidget ，通过前文我们可以快速想到， Image 肯定对应有它的 RenderObject 负责 layout 和 pai
转载
2024-07-28 14:10:10
23阅读
单纯的flutter项目时，是可以热加载的。但是，当和原生一起混合开发时，热加载功能失效了。下面来解决这个问题：1、确定电脑打开了一个以上的模拟器，或者手机连接了电脑2、打开的模拟器或者手机杀掉混合开发的应用程序进程3、flutter项目根目录下执行命令：flutter attach注意是在flutter根目录下，不是混合开发的项目根目录`例如，下图是在红框的目录下执行flutter attach
转载
2024-06-04 05:40:11
139阅读
自从Flutter官网发布第一版就开始接触了，中间有1年多没有接触，因为当初考虑这是新的技术框架，还是比较开好原生开发。时代变化的浪潮中，谁也无法预料未来谁会成为未来技术的主流，是语言还是莫某框架，有未可知。最近着手用纯Flutter框架开发了一款 app，在开发的过程中也许遇到了和当年原生才出来的时候一样的坑，虽然坑不同，那也得去解决坑呀。当我们在技术的道路上着手解决了一系列问题，也许
转载
2024-08-10 14:43:12
263阅读
效果需要用到第三方插件pubspec.yaml配置webview_flutter: ^1.0.7官网地址：https
原创
2023-03-10 15:06:49
274阅读
flutter_inappwebview: ^5.3.2main.dartvoid main() async { //webview加载 _ini
原创
2023-03-10 15:00:30
661阅读
最近学了一下flutter，下班后仿着现在做的app用flutter做了主页的几个新闻数据，用到刷新加载的时候，想着自己手动实现一下。实现方法为：官方refresh+ScrollController+GestureDetector。用了官方的pull to refresh ,不过这个东西限制条件很多，连基本的功能都无法完全实现，限制归限制，该用的时候还是得用它的，不然自己完全实现起来有点费劲。官方
转载
2024-04-12 14:06:00
63阅读
flutter下拉上拉组件轮子什么是flutter?首先说下flutter,估计这个应该挺多人没听过flutter这个框架,它是一个google推出的跨平台的移动应用UI框架,和React Native是同样的目的,支持三大平台:Android,Ios,还有一个是google新出的系统,忘了叫什么...本人React Native也是用过一点了,只不过没深入研究。总的来说,flutter这个框架性
转载
2024-06-29 23:35:45
61阅读
功能： 1、下拉加载 2、上拉加载 3、显示加载图标 4、更新列表数据，隐藏加载图标flutter库：flutter_spinkit: ^3.1.0 加载图标其他：加载列表需要列表，基于上一节的flutter 列表展示细节： 1、列表构造器 a、绑定列表controller // ScrollControlle
转载
2024-05-09 15:53:07
761阅读
Flutter 常用功能备忘：1、EasyLoading 加载框的一些属性：EasyLoadingMaskType：
none: 默认蒙版类型，允许用户在加载显示时进行交互。即加载框显示时，底部页面仍可以接受用户的点击事件。
clear: 不允许用户在加载显示时进行交互。加载框显示时，底部页面被覆盖，用户无法点击底部页面上的任何元素。
black: 不允许用户在加载显示时进行交互。加载框显示时，底
转载
2024-07-27 14:51:15
136阅读
PS：自律实践起来真的没有想象那么简单。Flutter 支持加载的图片类型：JPEG、PNG、GIF、WebP、BMP 和 WBMP，Flutter Image 的组件的必须参数是一个 ImageProvider ，ImageProvider 是一个抽象类，具体获取图片由子类实现，本文将从如下几个方面学习 Flutter 中的图片加载：图片加载图片预加载图片缓存清除图片缓存图片加载进度监听加载图片
转载
2023-10-17 05:04:21
403阅读
上一篇我们实现了新闻列表，但在网络不好的时候列表会白屏，因此为了提高使用体验，往列表中加入懒加载效果。其次，引入一个Flutter内置的手势控件，用于支持下拉刷新列表的效果如下图： Flutter将异步执行也进行了控件化处理，即：Future。不过我还没完全掌握怎么使用Future，只能把学到的跟大家分享一下，以后玩6了再补充。前面的分享中大家应该也接触并使用到了Future，比如IO操作的HT
转载
2024-04-28 17:33:38
222阅读
Flutter是如何加载图片的 首先我们看一下Flutter的线程模型： Platform Thread：android和iOS当中应用的主线程，在Flutter当中负责一些engine接口的调用，engine会去处理应用的一些生命周期事件，比如前后台切换，VC和activity的生命周期事件，用户的一些手势输入也是通过Platform Thread输入给Flutter engine的。U
转载
2024-03-28 13:45:19
128阅读
Flutter - 8 :一个附带手势刷新与自动加载的列表友情提示 ： 这个仅仅只是做出来看的，其中有些东西也是直接定死的，用到的东西可能会对其他人有些许提示效果，然而并不能保证这个东西一定不会出现错误。列表这种东西在移动设备上还是很必要的，毕竟屏幕就那么大，数据多了，肯定要进行手势滑动，随之而来的就是手势刷新与加载，其中，数据的刷新是必须要用户触发的，加载则不是，毕竟每次拉到底要用户再下拉一次，
转载
2024-06-27 23:25:27
119阅读
前言：Flutter系列的文章我应该会持续更新至少一个月左右，从User Interface(UI)到数据相关（文件、数据库、网络）再到Flutter进阶（平台特定代码编写、测试、插件开发等），欢迎感兴趣的读者持续关注(可以扫描左边栏二维码或者微信搜索”IT工匠“关注微信公众号哦，会同步推送)。Flutter Widget采用现代响应式框架构建，这是从 React中获得的灵感，核心思想是用Widg
转载
2024-07-03 04:23:09
115阅读
