纸上得来终觉浅,绝知此事要躬行。——陆游自从Flutter官网发布第一版就开始接触了,中间有1年多没有接触,因为当初考虑这是新的技术框架,还是比较开好原生开发。时代变化的浪潮中,谁也无法预料未来谁会成为未来技术的主流,是语言还是莫某框架,有未可知。最近着手用纯Flutter框架开发了一款app,在开发的过程中也许遇到了和当年原生才出来的时候一样的坑,虽然坑不同,那也得去解决坑呀。当我...
原创 2022-01-05 15:37:05
1756阅读
自从Flutter官网发布第一版就开始接触了,中间有1年多没有接触,因为当初考虑这是新的技术框架,还是比较开好原生开发。时代变化的浪潮中,谁也无法预料未来谁会成为未来技术的主流,是语言还是莫某框架,有未可知。最近着手用纯Flutter框架开发了一款 app,在开发的过程中也许遇到了和当年原生才出来的时候一样的坑,虽然坑不同,那也得去解决坑呀。当我们在技术的道路上着手解决了一系列问题,也许
转载 2024-08-10 14:43:12
263阅读
1. 安装插件配置flutter_inappwebview插件。dependencies: flutter: sdk: flutter flutter_localizations: sdk:
原创 2023-03-23 00:53:17
683阅读
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
Flutter与JS的双向调用、Flutter中Widget与Html混合加载
原创 2022-02-22 17:49:28
273阅读
Flutter与JS的双向调用、Flutter中Widget与Html混合加载
原创 2021-06-01 16:01:58
372阅读
在我软的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阅读
效果需要用到第三方插件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 加载HtmlFlutter加载静态HtmlFlutter与JS的双向调用
原创 2021-06-01 15:57:31
610阅读
Flutter 加载Flutter加载静态、Flutter与JS的双向调用
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 中的图片加载:图片加载图片预加载图片缓存清除图片缓存图片加载进度监听加载图片
  • 1
  • 2
  • 3
  • 4
  • 5