一起学Flutter

VueConf2021全程官方视频 连线尤雨溪：谈谈 Vue3 生态进展 Vite，下一代Web工具 Vue3 在编译优化方面做的努力 面向新一代构建工具优化代码 探索 Vue 3 中的 JSX Co

前言之前使用Flutter里的游戏引擎Flare已经开发了一版这个游戏，原文地址：https://juejin.cn/post/6939065092965629983 。在文章里我说要用Widget再

首要任务，就是得有一个支持”精灵图“的Widget，既然是学习，那就不能用别人开发好的，必须得自己亲手造轮子。 精灵图的英文是spritesheet（精灵表单），就是在一张图上放置多个图形，只需要加载到内存里一次。在展示的时候，仅展示单个图形的区域。一般多个图形多用来放置连续动…

2021年3月4日，Flutter重磅发布了其2.0版。将Flutter一套代码横跨6端的体验全部带到了stable。大帅从去年年底开始接触并学习Flutter，刚开始还不是特别喜欢Flutter的开发体验。这次2.0发布后，我决心要成为Flutter的布道者。那么同样身为前端…

最近启动了一个计划，要使用Flutter开发一个展示所有Flutter Widgets的APP。前面写了爬虫可以从官网爬取并生成一个包含所有Widgets信息的JSON文件。 然后利用这个数据，我用XMind Zen绘制了一个Flutter Widgets Catalog的思维…

在Chrome中打开flutter.dev官网，按F12打开开发者工具，输入下面这段代码。可以将当前页面所有的Widget目录卡片的名称输出 1、使用Flutter开发一个全平台的Flutter Widgets Catalog APP，并且开源。在这个APP中可以通过图形化的方…

这里我用了一款基于的Flutter的游戏引擎，名为FLAME。使用它开发游戏，基本用不到Flutter里的那些Widget，所以就有了标题里的提问 这里用了一个简单的判断机制，并没有精确到飞机的外轮廓。一是精确到外轮廓将带来更大的运算量，也比较复杂。二是那样的游戏体验不见得好，…

接触Flutter开发的时间并不长，最早关注到Flutter，就是听说它可以跨端开发iOS，Android，Web端。直到上周看了Flutter2.0的发布，才知道，原来跨web端才刚刚stable呀... 这样每次新建Flutter项目时，都是支持web端构建的，会默认多出一…

可我们在实际开发中还是会要使用到自定义图标，那如何在Flutter项目中使用自定义的IconFont，这就是本文要教给大家的。 前往 https://www.iconfont.cn/ 挑选图标，并添加至购物车（莫慌，是免费的）。 请注意这个结构，不要写错了。通常情况下，在pub…

1. A到B，明确告知信息的关联性，直观的感受从哪儿来到哪儿去。 2. 提醒关注，需要用户注意到一些关键信息的时候。比如用跳跃的按钮来吸引点击。 3. 愉悦感，这个不用多说，loading动画啦，精美点赞动画等等。 由于视觉有残留的特性，大脑会对前后的视觉信号自动关联上。小时候…

那个年代的FLASH可以做出很多酷炫的UI，是当时首屈一指的“跨端”技术，当然那会儿的还没有“跨端”这个概念，我们都被叫做多媒体设计师....直到FLASH犯下几个致命的错误，又被乔帮主判处死刑... 可以看到Flutter的架构主要分为三层:Framework，Engine和…

现在还没有完成，你会看到不少x，但起码不用慌张了，因为有flutter doctor了，只要仔细看提示，缺什么下什么即可。