实现圆形头像的效果有三种，喜欢哪种用哪种（1）ClipOvalnew ClipOval(child:new Image.asset("assets/image/a.png");)（2）CircleAvatarnew CircleAvatar (radius:30.0,backgroundImage:AssetImage("assets/image/a.png"),)（...

在项目使用中出现的问题Flutter IOS : CocoaPods could not find compatible versions for pod “simple_permissions”:如下图：在使用shared_preferences后出现了个这样的问题，这里主要是在iOS模拟器上运行出现的错误，在android上倒是没有什么问题问题解决：这里通过查找资料找到https:...

文章目录源码探索：修改：使用：在默认的TabBar中，indicator的宽度是不可以修改的，每个长度都是平分一个Item的，如下图：这个是未修改的图，下面是修改的图，总的宽度为20总的在源码里翻来翻去，发现并没有可以设置Indicator的字段，这时候，尝试着通过源码来修改indicator的宽度，同时也是借助了这篇文章，不过，给的有些随意，故在这记录之。源码探索：点进TabBar...

直接放上github地址：https://github.com/peng8350/flutter_pulltorefresh/blob/master/README_CN.md只能说超级好用，可定制性高，里面存在的bug少，用这个感觉都可以不用SingleChildScrollView这个控件了。用法：dependencies:pull_to_refresh: ^1.5.0...

前言：在android原生中比较常用的是luban压缩，当然，flutter版本也有luban压缩，通过一些资料搜索，luban压缩是直接通过dart进行压缩的，在针对一些大图片，动不动就12-20m的图片，在部分旧手机的会直接出现闪退的情况。当然，上面说得可能也不一定正确，下面我自己使用的是pub上比较popular的插件：flutter_image_compress: ^0.7.0使用方式：p

效果图：这里主要是用了TabController这个controller，而不是用的默认的DefaultTabController，TabBar跟TabBarView必须关联起来，否则会报错。我这个上面的代码改得还有点多，因为还加入了listview，各位看官就暂时凑合着看吧。源码贴出来源码：import 'dart:convert';import 'package:flutter/...

效果图如下：左右两边的黑色请忽略，绿色的图片是一张背景图，一开始实现的效果图：图片总是铺不满，以为是stack嵌套的问题，又以为是container的其他问题，即使Image.asse中设置了fit: BoxFit.cover，一直不满屏，解决主要是在images中添加了下面两行代码：width: double.infinity,height: double.infinity...

前言：首先屏幕适配这一块在原生方面深有体会，android的屏幕碎片化因为机型，屏幕大小从小屏幕手机到大屏幕手机再到平板。有着很大到差异，flutter官网是一款很适合做UI的跨平台框架，目前受到越来越多的开发者和公司的青睐，在适配方面已经做了很大的改变，可以说基本上不用做太多的屏幕适配，可谁料想，还是需要稍微做一点的屏幕适配。这就引出了下面的flutter_screenutil插件。（一）...

场景：在历史搜索过程中，点击某个搜索热点词，自动将该词填入，并进行搜索。如下gif图：这时候我们自动填充教师资格证的内容，然后可以进行删除重新操作等，此时用的不再是hintText这个属性，而是用TextEditingController来进行控制，具体代码如下：Widget searchBar() {TextEditingController controller =...

老实说，这个坑就比较大了，搞了一个上午跟下午两小时，还好算是解决掉了。先上图：实现效果图：主要是上面的头是用两个Container进行包裹起来的，然后下面用了一个listview，总的加上了一个SmartRefresher这个玩意（pull_to_refresh）控件，之前的文章有提到过。然后再看下GIF图。这里用SingleChrildView嵌套SmartRefresher还是用...