自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Flutter笔记

每天分享Flutter&Dart技术

  • 博客(48)
  • 收藏
  • 关注

原创 Flutter - 将 Flutter 集成到现有项目(iOS - Framework篇)

本篇文章大幅参考了 caijinglong 大佬的总结文章:把flutter作为framework添加到已存在的iOS中[1]用 Flutter 来开发,从来都不可能是新开的一个纯 F...

2020-06-10 22:22:53 5019 2

原创 Flutter | AnimatedCrossFade - 交叉淡入 Widget

看到这个标题的时候,有没有同学想到了一篇文章:Flutter | 求求你们了,切换 Widget 的时候加上动画吧![1]是否想起了那个组件:AnimatedSwitcher?这两个控件...

2020-06-03 08:16:30 2076

原创 Flutter - 利用 ClipPath 实现任意形状 Widget

???? 关于 ClipPath我们应该都使用过ClipXXX相关的组件, 来实现一些圆角矩形/圆形形状十分的方便,那如果想要实现一些奇形怪状的 Widget,例如五角星/圆弧形...

2020-05-28 21:48:43 2587

原创 Flutter - 利用贝塞尔曲线实现添加购物车效果

???? 前言 - 关于贝塞尔曲线贝塞尔曲线,这个词大家都不陌生,特别是在前端里面,没用过相信也都听过。我这里也继续啰嗦一下,贝塞尔曲线的知识:贝塞尔曲线就是这样的一条曲线,它是依据四个...

2020-05-26 21:27:26 1203

原创 Flutter | ShaderMask - 给你的Widget加上色彩

在前段时间写代码的时候,碰到个需求:给这个文字加上渐变色!当时我心里只有一张图:先看一下效果图:嘿,你别说还挺好看。话不多说,了解一下是如何实现的吧。请...

2020-03-17 07:00:00 768

原创 「Flutter笔记」的2019年 | 掘金年度征文

前言2019年对于我个人来说是一个不平凡的一年,开通了公众号「Flutter笔记」,截止目前维护了 60 篇文章。加入了组织 「FlutterCandies」,认识了很多 Flutter...

2019-12-17 17:21:34 425

原创 Flutter | ConstrainedBox & UnconstrainedBox 组件

0. 前言在 Flutter 当中,我们如何控制组件的大小?套上一层 Container?SizeBox?还是一些别的技巧?有没有同学遇到这种情况:在布局中,无论如何都控制不了一个组件的...

2019-12-09 07:30:00 1712 1

原创 Flutter实战 | 从 0 搭建「网易云音乐」APP(九、搜索页面、底部播放控制栏)

本系列可能会伴随大家很长时间,这里我会从0开始搭建一个「网易云音乐」的APP出来。下面是该APP 功能的思维导图:前期回顾:本篇为第九篇,在这里我们会搭建「搜索页面、底部...

2019-11-26 07:30:00 795

原创 ​Flutter实战 | 从 0 搭建「网易云音乐」APP(八、我的页面)

本系列可能会伴随大家很长时间,这里我会从0开始搭建一个「网易云音乐」的APP出来。下面是该APP 功能的思维导图:前期回顾:本篇为第八篇,在这里我们会搭建「我的」页面。我...

2019-11-12 07:30:00 485

原创 Flutter实战 | 从 0 搭建「网易云音乐」APP(七、歌词(二))

本系列可能会伴随大家很长时间,这里我会从0开始搭建一个「网易云音乐」的APP出来。下面是该APP 功能的思维导图:前期回顾:本篇为第七篇,在这里我们会搭建歌词页面剩余的逻...

2019-11-06 07:32:24 662

原创 Flutter实战 | 从 0 搭建「网易云音乐」APP(六、歌词(一))

本系列可能会伴随大家很长时间,这里我会从0开始搭建一个「网易云音乐」的APP出来。下面是该APP 功能的思维导图:前期回顾:本篇为第六篇,在这里我们会搭建歌词页面的逻辑。...

2019-10-30 07:30:00 1600 1

原创 Flutter实战 | 从 0 搭建「网易云音乐」APP(五、播放功能逻辑)

本系列可能会伴随大家很长时间,这里我会从0开始搭建一个「网易云音乐」的APP出来。下面是该APP 功能的思维导图:前期回顾:1.2.3.4.本篇为第五篇,在这里我们会搭建...

2019-10-25 07:30:00 1023 1

原创 Flutter实战 | 从 0 搭建「网易云音乐」APP(四、排行榜、播放页面)

本系列可能会伴随大家很长时间,这里我会从0开始搭建一个「网易云音乐」的APP出来。下面是该APP 功能的思维导图:前期回顾:1.2.3.本篇为第四篇,在这里我们会搭建排行...

2019-10-22 07:30:00 882

原创 Flutter实战 | 从 0 搭建「网易云音乐」APP(三、每日推荐、推荐歌单)

本系列可能会伴随大家很长时间,这里我会从0开始搭建一个「网易云音乐」的APP出来。下面是该APP 功能的思维导图:前期回顾:•Flutter实战 | 从 0 搭建「网易云...

2019-10-17 07:30:00 839

原创 Flutter实战 | 从 0 搭建「网易云音乐」APP(二、Splash Page、登录页、发现页)

本系列可能会伴随大家很长时间,这里我会从0开始搭建一个「网易云音乐」的APP出来。下面是该APP 功能的思维导图:前期回顾:•Flutter实战 | 从 0 搭建「网易云...

2019-10-15 07:30:00 1114

原创 Flutter实战 | 从 0 搭建「网易云音乐」APP(一、创建项目、添加插件、通用代码)...

本系列可能会伴随大家很长时间,这里我会从0开始搭建一个「网易云音乐」的APP出来。下面是该APP 功能的思维导图:因为工作的原因,一星期有可能只更新一篇该系列的文章,不过...

2019-10-10 07:30:00 1339

原创 Flutter | 定义一个通用的多功能网络请求 Widget

首先道个歉,最近公司很忙,又赶上十一假期,所以鸽了将近半个月。不过,后续还是会每周最少更新两篇的!那说起网络请求的控件,我们首先是不是会想起FutureBuilder?...

2019-10-08 07:30:00 444 1

原创 Flutter | 超简单仿微信QQ侧滑菜单组件

相信大家对于这种需求肯定不陌生:侧滑出菜单,在Flutter 当中,这种需求怎么实现?看一下实现的效果:需求分析老套路,先分析一下需求:1.首先可以滑出菜单2.菜单滑动到...

2019-09-19 07:30:00 349

原创 ​Flutter | 1.9 全新组件 ToggleButtons

前几天的 GDD 相信大家还记忆犹新,Flutter 官宣发布了 1.9 正式版。随之而来的有一些全新的组件和对于 web 的支持等等。那我们今天就来看一下这其中的一个组...

2019-09-17 07:30:00 1286

原创 2019 Google Developer Days 第一天 关于Flutter 都讲了啥?

首先吐槽一下 B站,全网都在直播,就 B站主播在抠脚丫...然后我就转战爱奇艺了,233333。一、美女产品说 Flutter首先说了一大堆和Flutter 无关的内容,...

2019-09-11 07:30:00 558

原创 ​Flutter | 金九银十招聘季,这些面试题祝你一臂之力

最近又开始了一年一度的「金九银十」,很多小伙伴希望趁着这个机会转阵 Flutter。既然如此,总结一些面试题来送给大家。先看看各大公司招聘的需求首先来看看各个公司招聘的需...

2019-09-09 07:30:00 389

原创 Flutter | 一个超级酷炫的登录页是怎样炼成的

近些日子在UIMovement[1]上看到了一个比较酷炫的登录页效果,如下:觉得很酷炫,就自己实现了一下,效果如下:下面就来一步一步的分析是如何做出来的。需求分析首先...

2019-09-03 07:46:07 1473

原创 Flutter | 如何实现一个水波纹扩散效果的 Widget

先来看图:我们在日常使用 APP 当中,肯定会遇到这种效果,那么这种效果是如何实现的呢?确认需求首先还是老套路,先确定一下需求,捋一下思路,然后才好写代码:1.首先要有一...

2019-08-29 07:30:00 2654 1

原创 Flutter | 通过一个小例子带你认识动画 Animation

个人创建了一个「Flutter 交流群」,可以添加我个人微信 「17610912320」来入群。首先,我们知道在我们的APP中充斥着各种各样的动画,有的是用 GIF,有的...

2019-08-27 07:30:00 426

原创 Flutter | WReorderList 一个可以指定两个item互换位置的组件

最近遇到个需求,要求在一个 ListView 里面能互换两个 item 的位置,这样:于是,就有了现在的这个WReorderList。WReorderList功能就不用...

2019-08-22 07:00:13 1692

原创 Dart | 你知道 sync*/async* 是怎么用的吗?

平时我们在写业务逻辑的时候,肯定都会与网络打交道,那肯定也就避免不了异步请求,代码类似如下:int getData() async { Response r = a...

2019-08-20 07:30:00 6712 4

原创 Flutter | 思路解析 WPopupMenu 仿微信聊天长按弹出菜单

在上一篇文章中发布了WPopupMenu的第一个版本,并且也遗留了两个问题:1.弹出框下面的三角2.在最顶端的时候应向下弹出那在这次发文之前也是解决了上述两个问题和完...

2019-08-13 07:25:00 2033 1

原创 Flutter | 可能是目前最好用的仿微信聊天长按弹出框 WPopupMenu

很多用 iOS 的小伙伴都用过该功能:微信聊天窗口,长按某一条消息,弹出弹框,选择「复制、转发...」等等。基于这个需求,我封装了一个 「WPopupMenu」。WPop...

2019-08-09 15:41:55 3881

原创 ​Flutter | 一个关于背景颜色引发的打脸惨案

起因有个小伙伴在群里问了这样一个问题:PopupMenuButton 怎么改背景色?这不正好撞枪口上了么,刚写完PopupMenuButton的文章,这个逼必须得装。...

2019-08-07 10:44:17 620

原创 Flutter | 超实用简单菜单弹出框 PopupMenuButton

相信在实际开发过程当中,肯定少不了这样的功能:点击AppBar右上角的按钮,弹出一个菜单供用户选择。幸运的是,Flutter 提供给我们了一个 Widget,直接就能...

2019-08-06 07:00:00 6994 1

转载 Flutter | 自定义一个 Stepper 步骤组件

起因前段时间群里的一个小伙伴问了这样一个 UI:因为当时了解过Material组件库里有一个Stepper控件,是类似的效果,我就和他说,可以魔改一下Stepp...

2019-08-01 07:30:00 2577 1

原创 「360 技术」 7.27 Flutter 技术沙龙回顾

昨天顶着 36 度高温去参加了 「360 技术」组织的大型线下基友见面会,这里做一个回顾。昨天的主题有四个:大会开始大会开始,360 导航高级技术经理 「何烁」做开场语,...

2019-07-28 13:51:38 230

原创 Flutter | 求求你们了,切换 Widget 的时候加上动画吧

平时我们在切换 Widget 的时候是怎样的?有没有动画效果?是不是直接改变了一个 Widget?类似于这样的:如果是的话,那么今天所说的 Widget,绝对符合你的口味...

2019-07-26 17:34:16 2194

原创 Flutter 封装一个 Banner 轮播图

实际业务开发中,首页一般都会存在一个轮播图。在 Flutter 中,如何开发一个轮播?了解需求首先,我们在开发一个功能的时候要了解这个功能的需求,那一个轮播需要有什么功能...

2019-07-24 17:00:00 1167

原创 Flutter ListView 拖拽排序了解一下

前面我们对于ListView的操作讲过Flutter 滑动删除最佳实践,那现在我们来了解一下ListView的拖拽排序。效果如下:ReorderableList...

2019-07-22 17:00:00 3343

原创 Flutter测试(二):在项目中进行 Widget 测试

上回书对 Flutter 中 Widget 测试的官方 Demo 进行了简单的讲解,这篇文章我们对自己的项目进行 Widget 测试。就拿 「想吃啥」APP 来进行测试吧...

2019-07-15 17:00:00 762

原创 Flutter测试(一): Widget 测试了解一下

平时我们在写代码的时候,或多或少都会写一些测试来测试一下我们的逻辑是否正确,那在 Flutter 当中,测试也被分为三种:1.单元测试2.Widget 测试3.集成测试在...

2019-07-09 17:10:00 2119

原创 一个会做饭的程序员如何每天给女朋友带不同的便当?

作为一个会做饭的程序员,每天给女朋友和自己带饭是必须的,可是每天要吃什么却是一个世纪难题!以前就想过要开发一个APP,来随机决定明天吃什么菜,然而世界上最痛苦的事情是:我...

2019-07-04 11:59:34 372

原创 Flutter 源码系列:DropdownButton 源码浅析

作为源码浅析系列的文章,我想说一下:我发现很多人对于各种 widget 的使用不是很理解,经常会在群里问一些比较简单的问题,例如 TextField 如何监听确认按钮。而...

2019-07-03 17:03:46 802

原创 福利!GitHub 中文帮助文档上线

不知道有没有小伙伴们关注过 GitHub的帮助文档,近日,GitHub官方中文帮助文档已经上线!官方帮助文档地址:https://help.github.com/cn官方帮助文档地址:https://help.github.com/cn官方帮助文档地址:https://help.github.com/cn随手再放上几张截图:详情页:我看了一下,除了个别...

2019-06-28 22:03:25 278

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除