摘要： 现在人们对于网站的美感要求是越来越高了，所以很多布局需要优美的曲线设计。当然最简单的办法是作一个PNG的透明图片，然后外边放一个Container.但其内容如果本身就不是图片，只是容器，这种放入图片的做法会让包体变大。其实我们完全可以使用贝塞尔曲线进行切割。 ClipPath 路径裁切控件 clip 阅读全文

摘要： Flutter的Fliter Widget 也是非常强大的，它可以制作出你想要的神奇滤镜效果。下面制作一个毛玻璃效果。 这个和以前的写法都一样，所以就直接贴代码了。 这个代码嵌套很多，所以一定要注意你的代码层次，容易出错的地方就是嵌套错误。这个效果尽量少用，因为测试了一下，它对系统的消耗还是比较大的 阅读全文

摘要： 现在Flutter的路由效果已经非常不错了，能满足大部分App的需求，但是谁不希望自己的App更酷更炫那，下面介绍几个酷炫的路由动画。 其实路由动画的原理很简单，就是重写并继承PageRouterBuilder这个类里的transitionsBuilder方法。 不过这个方法还是有很多写法的，通过写 阅读全文

摘要： FloatingActionButton 简称 FAB，从字面理解可以看出，它是“可交互的浮动按钮”,其实在Flutter默认生成的代码中就有这家伙，只是我们没有正式的接触。 一般来说，它是一个圆形，中间放着图标，会优先显示在其他Widget的前面。一般可以实现浮动按钮，也可以实现类似闲鱼 app 阅读全文

摘要： ExpansionTile组件 ExpansionTile Widget就是一个可以展开闭合的组件，常用的属性有如下几个。 title:闭合时显示的标题，这个部分经常使用Text Widget。 leading:标题左侧图标，多是用来修饰，让界面显得美观。 backgroundColor: 展开时的 阅读全文

摘要： 先建立一个主文件，继承StatelessWidget,然后在home属性中加入SearchBarDemo，这是一个自定义的Widget，主要代码都在这个文件中。 然后是搜索页面，里面包含数据及搜索功能。 工作中这些数据是后台传递给我们，或者写成配置文件的，这里我们就以List的方式代替了。我们在这个 阅读全文

摘要： 官网以及很多网上文章的开发都是基于Android ，因为它能创建不同类型移动设备虚拟机。但个人始终觉得它太庞大，启动慢耗资源，但我们使用Flutter又离不开虚拟机。 经过实践，现在能成功的单独启动移动设备虚拟机使用VSCODE进行开发了。 1、各种安装和配置 按着官网文档设置环境变量，安装JDK， 阅读全文

摘要： TabController 这是Tab页的控制器，用于定义Tab标签和内容页的坐标，还可配置标签页的切换动画效果等。 TabController的创建有两种形式，一种是使用系统的DefaultTabController，第二种是自己定义一个TabController实现SingleTickerPro 阅读全文

摘要： 先在pubspec.yaml中引入Dio包如图所示 认识Dio库：dio是一个dart的 http请求通用库，目前也是大陆使用最广泛的库，国人开发，完全开源。 flutter的插件包管理：学了引入dio包，并简单的学习了pubspec.yaml的结构和编写注意事项。 get请求的编写：我们以一个充满 阅读全文

摘要： Navigator Navigator用来管理堆栈功能（即push和pop），在Flutter的情况下，当我们导航到另一个屏幕时，我们使用Navigator.push方法将新屏幕添加到堆栈的顶部。当然，这些pop方法会从堆栈中删除该屏幕。 在push的时候使用自定义方法构建一个路由 这种方式可以传递 阅读全文

摘要： 图片显示 1、本地图片 Image.asset加载项目资源包的图片 Image.file加载手机内置或外置存储的图片 2、网络图片 Image.network无本地缓存 FadeInImage.assetNetwork淡入效果，无本地缓存 CachedNetworkImage第三方控件，有本地缓存和 阅读全文

摘要： 一开始直接使用Scaffold布局，body:new Column 然后模拟器会提示捕获异常： 然后百度了一下Flutter的溢出问题，发现解决办法是使用SingleChildScrollView包装一下。 比如原来代码是： 改为： 补充： SingleChildScrollView 嵌套 List 阅读全文

摘要： 想要安装到手机上，必须要进行打包，因为没有苹果手机，所以只能打包Android客户端的apk。 检查 App的配置 查看默认应用程序清单文件(位于/android/app/src/main/中的AndroidManifest.xml文件)，并验证这些值是否正确，特别是： android:label  阅读全文

摘要： 实现一个底部导航栏，包含3到4个功能标签，点击对应的导航标签可以切换到对应的页面内容，并且页面抬头显示的内容也会跟着改变。 实际上由于手机屏幕大小的限制，底部导航栏的功能标签一般在3到5个左右，如果太多，会比较拥挤，影响用户体验，实际上目前市面上大多数APP的底部导航标签都控制在4到5个左右。既美观 阅读全文

摘要： class ContactsState extends State{ List formList; initState() { super.initState(); formList = [ {"icon": Icon(Icons.alarm),"title": '车牌号'}, {"icon": Icon(... 阅读全文