| 导语 最全Flutter教程，涉及Dart语言，Flutter Widget，Flutter状态管理等。 最爱折腾的就是前端工程师了，从 jQuery 折腾到 AngularJs，再折腾到 Vue、React。 最爱跨屏的也是前端工程师，从 phonegap，折腾到 Rea…

本篇将带你深入了解 Flutter 中的手势事件传递、事件分发、事件冲突竞争，滑动流畅等等的原理，帮你构建一个完整的 Flutter 闭环手势知识体系，这也许是目前最全面的手势事件和滑动源码的深入文章了。 Flutter 中默认情况下，以 Android 为例，所有的事件都是起…

作为系列文章的第三篇，本篇将为你着重展示：Flutter开发过程的打包流程、APP包对比、细节技巧与问题处理，本篇主要描述的 Flutter 的打包、在开发过程中遇到的各类问题与细节，算是对上两篇的补全。 首先我们先看结果，如下表所示，是 Flutter 与 React Nat…

1. FittedBox 按照其官方的介绍，它主要做了两件事情，缩放（Scale）以及位置调整（Position）。 FittedBox会在自己的尺寸范围内缩放并且调整child位置，使得child适合其尺寸。做过移动端的，可能会联想到ImageView控件，它是将图片在其范围…

在Android开发中，我们使用xml文件写布局，有诸如LinearLayout、RelativeLayout、ConstraintLayout等布局方式，在ReactNative或WEEX开发中，我们使用的布局方式都是基于前端的flex布局，无论是Android还是RN或者W…

这个练习小项目主要是为了锻炼布局Widget，但是也涉及到一些其他知识点：评分展示、分割线、bottomNavigationBar等。 2、分割线： 最初我考虑使用边框虚线来完成分割线，后来发现Flutter并不支持虚线边框，因此封装了一个DashedLine的小Widget来…

一. StatefulWidget 1.1. 认识StatefulWidget 1.1.1. StatefulWidget介绍 如果你有阅读过默认我们创建Flutter的示例程序，那么你会发现它创建的是一个StatefulWidget。 1.1.2. 如何存储Widget状态？…

1. 首页与组件收录 将组件分为七种家族，对应七种颜色，上tab栏，点击切换七种家族组件。 2. 组件详情页 其中每个都有至少一个演示展现和代码展示，对于重要的组件会详细展现。 希望尽量做到细致，如果有需要补充，欢迎联系我。或进行pr 3. 组件的可操作性 最重要的是: 所有的…

为了在手机上跑起我们的App来，首先我们得运行一个模拟器（当然你也可以用真机调试）。如果你的电脑上Flutter开发环境配置得没有问题，该装的都装了（运行flutter doctor命令检查依赖是否安装，AndroidStudio的dart和flutter插件也必须安装）,那么…