大家好，我是hub哥，近年来，随着移动智能设备的快速普及，移动多端统一开发框架已成为一个热门话题。这里为大家整理了5个Flutter优质的开源项目，希望对大家有帮助

2016年京东为向核心客户提供更优质的购物体验，特别推出京东PLUS会员，旨在全方位提升和丰富用户网购体验，目前京东PLUS会员已成为电商行业付费人数最多的会员体系。作为PLUS的前端开发，我们思考最多的就是如何让页面更快更好的呈现在用户面前，如何用技术为用户提供最好的购物体验。

Flutter从诞生到现在，已经成为了跨端开发的领跑者。闲鱼应用在flutter能够以模块形式存在前，进行了很长时间的混合app架构的探索，对原生工程进行较多改动，在官方推出flutter模块模式后，我们进行了大量调研，最终推出了一套开箱即用的混合工程脚手架flutter-boot，帮助大家快速搭建混合工程。

Flutter 设计之初是不考虑 Web 生态的，原因很简单：两种技术设计理念不同，强行融合很可能让彼此都丧失了优势。但是业界又有很多团队在做这种尝试，说明需求是存在的。今天，阿里无线开发专家门柳就来手把手教如何实现 Flutter 和 Web 生态的对接？

Kraken 是由淘系技术部前端架构团队开发的一个基于 Flutter 的动态化框架，本文将带大家了解和认识 Kraken，分享 Kraken 的一些设计思想以及 Flutter 和 Web 技术对接的实践。

Flutter 是开源的 UI 工具包，其能够帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。Flutter 组件采用现代响应式框架构建，中心思想是用组件 (widget) 构建 UI。淘宝终端技术部无线技术专家王康从 Flutter 的原理出发，介绍了 Flutter 的原理、业内现状，以及阿里巴巴在 Flutter 上所做的深度实践和探索。

动态化是 Flutter 无法避开的话题。本文从 Flutter 的特点讲起， 阐述了美团外卖团队在整个 Flutter 动态化上探索的心路历程，还有设计理念、核心原理以及业务应用的经验。本文的视角也不局限于框架本身，更多思考了在解决问题的过程中技术团队需要做的事情，希望能对大家有所启发和帮助。

前端在生产和开发中占据着越来越重要的地位，PC 端、手机端、桌面端、智能手表端等等设备都离不开前端的身影。本文将围绕框架、编程语言、工具、React、Vue 等方面，全面回顾 2019 年前端与 Web 开发的大事。

随着系统以及应用复杂性的日益增高，「write once，run anywhere」开始成为越来越多开发工具的终极目标。

Flutter 所使用的 Dart 语言具有垃圾回收机制，有垃圾回收就避免不了会内存泄漏。在 Android 平台上有个内存泄漏检测工具 LeakCanary[1]， 它可以方便地在 debug 环境下检测当前页面是否泄漏。本文将会带你实现一个 Flutter 可用的 LeakCanary，并讲述怎么用该工具检测出了 1.9.1 Framework 上的两个泄漏。

大家好，今天跟大家分享的主题是《NEJFlutter小程序动态化高性能架构》，这是关于网易支付团队在Flutter小程序动态化方向上尝试的一套技术解决方案，一句话介绍NEJFlutter，就是用JavaScript开发业务逻辑、Flutter开发UI布局的小程序架构，性能堪比原生Flutter应用；

使用Flutter技术构建的应用，一直以高性能高流畅度著称。但是随着应用复杂度越来越高，Flutter会出现一些页面流畅度明显低于Native的情况，甚至可能发生一些卡顿。而很多时候卡顿都发生在线上，即使获得了用户的操作路径，也难以重现。如果我们有一套卡顿监控系统，能够帮助我们捕获到卡顿时的堆栈，那么在发生卡顿的时候，我们就可以定位到具体是哪个函数引起的卡顿，从而解决这些问题。

用 Flutter 来开发，从来都不可能是新开的一个纯 Flutter 项目，很大一部分都是 老项目接入 Flutter 来混编。

主要来讲解 AnimatedCrossFade 该组件使用的方式和大致可以使用的场景。

平时我们在写代码的时候，或多或少都会写一些测试来测试一下我们的逻辑是否正确，

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

实际业务开发中，首页一般都会存在一个轮播图。
在 Flutter 中，如何开发一个轮播？

PopupMenuButton 怎么改背景色？

在上一篇文章中发布了 WPopupMenu 的第一个版本，并且也遗留了两个问题：
1.弹出框下面的三角
2.在最顶端的时候应向下弹出

首先，我们知道在我们的APP中充斥着各种各样的动画，有的是用 GIF，有的用的 Flare，有的是用的 Lottie...。

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

本系列可能会伴随大家很长时间，这里我会从0开始搭建一个「网易云音乐」的APP出来。

本系列可能会伴随大家很长时间，这里我会从0开始搭建一个「网易云音乐」的APP出来。

本系列可能会伴随大家很长时间，这里我会从0开始搭建一个「网易云音乐」的APP出来。

本系列可能会伴随大家很长时间，这里我会从0开始搭建一个「网易云音乐」的APP出来。

本系列可能会伴随大家很长时间，这里我会从0开始搭建一个「网易云音乐」的APP出来。

本系列可能会伴随大家很长时间，这里我会从0开始搭建一个「网易云音乐」的APP出来。

本系列可能会伴随大家很长时间，这里我会从0开始搭建一个「网易云音乐」的APP出来。

本系列可能会伴随大家很长时间，这里我会从0开始搭建一个「网易云音乐」的APP出来。

我们应该都使用过 ClipXXX 相关的组件， 来实现一些 圆角矩形/圆形形状十分的方便，那如果想要实现一些奇形怪状的 Widget，例如 五角星/圆弧形之类的，那就只能用 ClipPath了。

们一般在写业务的时候多会用到下拉菜单，
前面讲过 ExpansionPanel， ExpansionPanel大部分情况用来实现展开列表等稍微复杂的业务逻辑。
而 DropdownButton 则是用来实现稍微简单一点的 点击选择 业务场景。

这是博客《Flutter 路由原理解析》的番外篇，如果你没有看过主篇真的不建议你直接看这篇文章，因为它真的炒鸡炒鸡枯燥乏味……不讲客套话啦，我们分别从Navigator的push和pop两个方法去探索源码以及一些重要的细节。

这一次，我尝试以不贴一行源代码的方式向你介绍 Flutter 路由的实现原理，同时为了提高你阅读源码的积极性，除了原理介绍以外，又补充了两个新的模块：从源码中学习到的编程技巧，以及 阅读源码之后对实际应用开发带来的帮助。

经过一段时间的接触，和项目的不断迭代，不得不用一些手段来控制Widget的状态，对于大多数刚接触Flutter的人，知道如何更新Flutter组件的方式无非就是setState，还在某些论坛或者官网上看到InheritedWidget这个东东，那他们是如何更新的UI呢？这期我们不谈InheritedWidget，但当我点进去StreamBuilder里看到它继承自StatefulWidget时，我T..惊了，难道StreamBuilder也是setState？所以接下来，我们一探究竟。

谷歌在2018年12月正式发布了Flutter，这是一个出色的跨平台框架，可用于移动、桌面和 Web 平台构建应用程序，发布不到一年，它的流行度就超过了React Native以及同领域的产品。从下图就可以看出：

Flutter一体化研发模式在闲鱼落地探索已有半年多了，前面也有多篇文章已经分享过阶段性成果，今天给大家分享下在这个过程中闲鱼探索出来的一条路。

关于 FlutterGo 或许不用太多介绍了。
如果有第一次听说的小伙伴，可以移步FlutterGo官网查看下简单介绍.

其实背景不多说, Flutter for Web 是 Google大会 伴随 Flutter 发布了1.5.4版本，同时也推出了Flutter for Web的预览版。

不管从“明里”还是“暗里”来看，苹果都在大力推荐使用 Swift 这一门语言。作为苹果的“亲儿子”，相信 Swift 语言将会是开发 MacOS 和 iOS 的第一选择。