看到贝塞尔三个字，也不用觉得压力太大，满打满算也就两个函数而已。 1. 先画一笔看看 3. 来玩一下这个曲线 ，通过构造函数传入BezierPainter。为了方便大家玩耍，我单独写个文件play_bezier2.dart里面有个PlayBezier2Page组件。 通过Ges…

一个项目的开始和结束，总会遇到很多意料之外的东西。 大神和菜鸟的区别，个人感觉更多的是大神花费了很多私下时间去了解每个问题的根本是什么，而我这小菜鸟，仅仅网上浪一圈，Fix 了，OK 了，Commit 没事了。 鸡老大说过，不要停留问题表面，深究其根本原因。 时隔几年，我依旧停…

TabBar和TarBarView通常一起使用，实现页面的切换，二者入药controller的协调，可以使用默认的DefaultTabController也可以自定义Controller。

前一天学习了Flutter基本控件和基本布局，我是觉得蛮有意思的。作为前端开发者，如何开发出好看，用户体验好的界面尤其重要。今天学习的方向主要有三： 加深布局的熟练度。 学习手势，页面跳转交互。 学习动画。 因为我是从事Android开发，学习了Flutter之后，发现其布局和…

App 流畅性的关键指标有 UI帧率，GPU帧率，我们期望它能达到 60fps，也就是16ms每帧。 为了获取最接近生产环境的数据，我们应该选择一台尽可能低端的真机，并且以 profile 模式或者 release 模式下运行app。 那么检测帧率有哪些方法呢？Flutter …

在flutter_github有这么一个场景：通过authorization认证方式进行登录。而authorization的具体登录形式是，通过跳转一个网页链接进行github授权登录，成功之后会携带对应的code到指定客户端中，然后客户端可以通过这个code来进行oauth授…

容器转换模式设计用于包含容器的UI元素之间的转换。此模式在两个UI元素之间创建可见连接。 使用 OpenContainer 组件，closedBuilder 表示关闭状态时到组件，在这里表示 GridView Item，openBuilder 表示点击要跳转的页面，这里表示详情…

看下原图，下面的渐变都是在此图基础上完成。 begin 和 end 表示渐变的方向，上面设置的方向是从顶部中间到底部中间。 color 表示渐变的颜色。 stops 的个数要对应 color。 由于中间设置的渐变色为透明，所以中间是原图。 RadialGradient 是放射状…

Flutter的动画大体可以分为使用AnimationController 和Animation控制的基础动画、使用 Hero的转场动画和使用CustomPainter 的自定义动画三大类。除此之外，Flutter还支持矢量动画，是一种类似Android开发中的Lottie动画…