萧文翰

本文是Flutter中Canvas和CustomPaint API的使用实例。 长按屏幕，小球开始/停止自动变色。 Canvas和CustomPaint API。 定向移动位置更新器。 用户手势监听器。 接下来，我们逐步实现功能拆解中所列举的6个具体功能。 随机颜色生成器在程序…

从一开始接触Flutter，相信读者都会铭记一句话，那就是——一切皆组件。今天我们就来体会一下这句话的神奇魔力，我们先从实际的产品需求说起。 我们要实现如上图所示的日期选择器，App是iOS风格。 Flutter SDK自身有类似上图的日期选择器，但是Material Desi…

要问到Flutter和Android原生App，在开发是有何区别，编程方式是绕不开的话题。Flutter采用声明式编程，Android原生开发则采用命令式编程。 声明式编程 VS. 命令式编程 我们首先要明确的，是何为声明式编程，何为命令式编程。 简单地理解：声明式编程就是告诉…

如果你是一位前端开发工程师，对“跨平台”一词应该不会感到陌生。像常见的前端框架：比如React、Vue、Angular，它们可以做网页端，也可以做移动端，但很少能做到跨PC、Mac端，也就是我们熟知的Windows、Linux以及macOS上的应用程序。即使有，受限于JS的性能…

继上一篇Flutter自定义组件的视频短课（视频地址： https://www.bilibili.com/video/BV1ap4y1U7UB/ ）后，我们继续来聊自定义组件。视频中我为大家详解了Cupertino风格的单选框的实现，这次我们就说说Cupertino风格的复选框…

这次是Flutter开发技术分享，解决的问题点来自本人实际的开发经历。 首先描述一下问题：在某个组件中调用setState()方法更新该组件状态，结果是无法做到更新效果，组件仍然维持原状。 为了突出问题点，减少不必要的干扰，我简化了原有代码内容。通过阅读上述代码，我们得知整个D…

今天和各位分享一个博主在实际开发中遇到的问题，以及解决方法。废话不多说，我们先来看需求： 相信这个弹出菜单视图都有见过吧？下面重点来了：在本次的项目需求中，该视图的选项文字是由Server端返回的。也就是说，这些选项的内容和个数都不固定，因此不能将其在代码中写固定值。 如上述代…

在实际开发中，我们通常需要实现某个组件的更多点击事件。比如：原生的RaisedButton组件是无法响应诸如拖拽或是按下、抬起等细化的动作，它只有一个onPressed()方法来表示。当我们想实现这些细化事件时，通常使用的组件是GestureDetector。 可以看到，单纯地…

今天，我们来聊聊一个专门为“懒人程序员”准备的工具——Adobe XD。使用它可以快速将原型设计图转换为可执行的Flutter代码， 而由于Flutter自身跨平台的特性，因此这些自动生成的代码即可以用在Android、iOS这样的移动设备上，也可以用在Web页中。 简而言之，…