一、Dart1.Dart当中的「..」表示什么意思？Dart当中的「..」意思是级联操作符，为了方便配置而使用。链式编程，返回的是this「..」和「.」不同，「..」返回的相当于是this，「.」返回的则是该方法的返回值2.Dart的作用域Dart没有public，private等关键字，默认都是公开的，私有变量使用下划线_开头3.Dart是不是单线程模型？是如何运行的？Dart是单线程模型Dart在单线程中是以消息循环机制来运行的，包含两个任务队列，一个是“微任务队列”microtaskqueue，一个是事件队列eventqueue当flutter应用启动后，消息循环机制便启动了，首先会按

前言我们之前讲述的动画都需要主动触发或者是重复执行，那有没有自己触发动画的组件呢？这样我们就可以在StatelessWidget里直接使用了。答案是有的，那就是TweenAnimationBuilder组件。本篇我们就利用TweenAnimationBuilder来实现一个图片调色的过渡动画，效果如下所示，滑动一次滑块，颜色逐渐从偏绿色变到偏橙色，然后再滑动一次又恢复之前的色调。颜色滤镜.gifTweenAnimationBuilder介绍TweenAnimationBuilder是一个自带过渡动画效果的组件，构造方法定义如下：constTweenAnimationBuilder({Key?k

配图来自网络，如侵必删在日常的开发当中，可能会出现FlutterSDK自带的动画组件不能满足我们实际的开发需求；遇到这种情况，我们可以通过AnimatedWidget组件来自定义动画组件，这篇博客分享AnimatedWidget组件相关的内容，记录一次AnimatedWidget组件的源码解读。AnimatedWidget组件源码abstractclassAnimatedWidgetextendsStatefulWidget{constAnimatedWidget({Key?key,requiredthis.listenable,}):assert(listenable!=null),supe

目录实现效果实现步骤1.引入扫码依赖这里使用的是qr_code_scannerdependencies:qr_code_scanner:^1.0.12.添加代码扫码页面的代码如下：classScanQrCodePageextendsStatefulWidget{constScanQrCodePage({Key?key}):super(key:key);@overrideStatecreateState()=>_ScanQrCodePageState();}class_ScanQrCodePageStateextendsState{finalGlobalKeyqrKey=GlobalKey(de

简介在有些场景中，我们会需要绘制一些高度定制化的组件，比如UI设计师给我们出了个难题——弄一个奇形怪状的边框。看在UI设计师是一个漂亮小姐姐的份上，又不好意思说这个做不了（那样也很没面子😂）。这个时候我们就不能直接使用Flutter自带的那些组件了，而是需要手动绘制组件，那就会需要用到CuntomPaint组件。CustomPaint组件和前端的Canvas差不多，允许我们在一个画布上绘制各种元素，包括点、线、矩形、圆弧、文字、图片等等。CustomPaint介绍CustomPaint是一个Widget，其中有三个重要的参数：CustomPaint(child:childWidget(),fo

我接触Flutter才半年，但进步却很大，这主要是我找到了好的学习资源，今天就把这些资源推荐给大家。掘金的Flutter专区网址是：https://juejin.cn/tag/Flutter，这里每天都会更新几篇Flutter相关的文章，建议每天关注这里的新文章。并把过去的最热文章翻看一些。推荐关注郭树煜的掘金博客@恋猫de小郭，或他的公众号@GSYTech。Flutter核心技术与实战《Flutter核心技术与实战》是极客时间开设的Flutter专栏，由前美团点评高级技术专家陈航主理。内容有广度也有一定的深度，目前的价格是69￥，非常值得推荐。但这个专栏的深度还不够，还需要学别的资源。雪峰的

在实际任务中免不了对图片进行裁切文件格式转换图片的选取等操作这里做一个记录1.Flutter图片选择工具image_picker2.图片裁切工具image_cropper3.图片保存到相册image_gallery_saver图片选择器介绍这里我选择的是image_picker优点官方出品的插件可以直接调用相册和相机无需提前申请权限可以多选和单选选择丰富缺点多选需要长按没有明显的提示使用引用组件封装他的一个方法(以单选为例子)enumImageFrom{camera,gallery}///选择一个图片///[from]是相机还是图库///可选参数///[maxWidth]宽度,///[maxH

创建Flutter插件工程在AndroidStudio里点击Flie-New-NewFlutterProject，在左侧里选中Flutter，然后点击Next。创建工程.png在ProjectName里输入项目名，只能是小写英文在Projecttype里选择Plugin在Organization里写包名，.ProjectName会拼在包名的最后面成为包名的一部分也可以使用命令行fluttercreate--orgcom.example--template=pluginplugin_name来创建插件，其中com.example就是Organization，plugin_name就是Projec

一、flutter与原生通信，三种通道的区别1.1MethodChannelFlutter与Native端相互调用，调用后返回结果可以Native端主动调用，也可以Flutter主动调用，属于双向通信此种方式最为常见，Native端调用需要在主线程中执行1.2BasicMessageChannel用于使用指定的编解码器对消息进行编码和解码属于双向通信，可以以Native端主动调用，也可以Flutter主动调用1.3EventChannel用于数据流(eventstream)的通信，Native端主动发送数据给Flutter通常用于状态端监听，比如网络变化、传感器数据等原文链接：https://

Flutter安装好配置环境变量之后在cmd运行Flutterdoctor出现如下两个问题:HTTPhosthttps://maven.google.com/isnotreachable.Reason:AnerroroccurredwhilecheckingtheHTTPhostHTTPhosthttps://cloud.google.com/isnotreachable.Reason:AnerroroccurredwhilecheckingtheHTTPhost解决办法1、找到fluttersdk的文件目录，打开下面路径文件flutter\packages\flutter_tools\lib