Flutter House

Flutter 在原生插件的开发上默认是需要开发者重复地写模版代码来接入，而近期 Flutter 团队最近发布了一个 package: https://pub.flutter-io.cn/packages/pigeon ， 主要是用来解决和优化 native 插件开发上 pla…

关于 Spuernova 我曾在 《Flutter Interact 的 Flutter 1.12 大进化和回顾》 中介绍过：在 2019 年末的 Flutter Interact 大会上，Spuernova 发布了对 Flutter 的支持，通过导入设计师的 Sketch 文…

在移动开发中图文混排是十分常见的业务需求，如下图效果所示，本篇将介绍在 Flutter 中的图文混排效果与实现原理。 事实上，针对如上所示的图文混排需求，Flutter 官方提供了十分便捷的实现方式: WidgetSpan 。 如下代码所示，通过 Text.rich 接入 Te…

作为系列文章的第二十篇，本篇将结合官方的技术文档科普 Android 上 PlatformView 的实现逻辑，并且解释为什么在 Android 上 PlatformView 的键盘总是有问题。 因为 Flutter 的实现在概念上类似于 Android 上的 WebView，…

退出全屏时移除 DecorView 中的 Surface，切换 List Item 中的 Surface 给 Player Core ，同步状态。 当然，不同的播放内核可能还需要做一些额外操作，但是这一切在 Flutter 中就变得极为简单。 如下图所示是 Flutter 中实…

本篇文章将展示如何使用 Flutter 完成如下动画效果，本文相关的 Demo 代码在 pub 上的 explode_view 项目可以找到。 首先我们从创建 ExplodeView 对象开始，该对象在 Widget 中主要保存 imagePath 和图像的位置。 接着开始实现…

大年初三的时候 v1.12.13+hotfix.7 终于发布了，该版本发布后总算把 1.12.13 版本上的几个大坑填完，算是达到“能用”的稳定版本；同时 1 月 30 号官方也发布了 2020 Flutter 最新的路线计划，也算是新的一年“美好”的开始吧。 v1.12.13…

在上一篇《【译】Flutter中的花式背景动画》 中介绍了如何使用 simple_animations 快速实现一个漂亮的背景动画，这次将向你展示另外一种使用 simple_animations 创建的漂亮粒子动画的实现。 动画由一个渐变的背景，并且有大量的气泡从底部到顶部升起…

这篇文章将会介绍一个很有意思的动画效果，它能让 Flutter 的页面显得更加友好，同时本文也将展示如何使用 simple_animations 库，在 Flutter 上轻松地实现如下图所示的动画效果。 动画所需要展示的效果是：由平滑过渡的渐变背景组成，并且在文字下面会有多个…

如下图所示，今天刚好收到一个知乎问题，而刚刚好这个视频我也在抖音上看到过，播放量还不低，本来是“一笑而过”但是既然这么“有缘份”，那就关于 “Flutter 会干掉原生开发？” 这个问题再聊聊我的看法。 我在 2017 开始对 flutter 产生兴趣，至今已经写了 20 几篇…

作为系列文章的第十九篇，本篇将科普 Android 和 iOS 平台的打包和提交审核流程。 因为很多 Flutter 开发人员可能只有单端的开发经验，对于另外一端的打包和提审流程不熟悉，或者是前端人员没有提交审核的经验，所以本篇将科普这一流程，让大家少走弯路。 其中 --tar…

这个可能性是存在的，而且不止是 flutter、react-native 、weex 、uni-app 、taro 、Hippy等都存在这个风险，虽然有些框架对比起 flutter 其他框架存在时间稍长，但是这不可否认它们一直都存在这个风向。 只要不是平台自己的亲儿子，那么肯定…

Flutter Interact 除了带来各种新的开发工具之外，最大的亮点莫过于 1.12 稳定版本的发布。 不同于之前的版本，1.12.x 版本对 Flutter Framework 做了较多的不兼容性升级，例如在 Dart 层： ImageProvider 的 load 增…

又到了每年感慨万千，但手在键盘又“提笔空无言”的季节。 随着大前端浪潮地袭来，个人 2019 的工作基本上投入在 Flutter 和少量的原生开发上，偶尔会参与一些前端和小程序的开发，而业余生活如下词云图所示，主要消耗在了 Github 、掘金和写作上。 GSYVideoPla…

昨天谷歌为在 Flutter Interact 上为我们带来了 Flutter 1.12 ，这是 1.9.x 的版本在经历 6 次 hotfix 之后，才带来的 stable 大版本更新。该版本解决了 4,571 个报错，合并了 1,905 份 pr，同时本次发布也是 Flut…

这次分享的主题主要涉及：移动端跨平台开发的发展、Flutter Widget 的实现原理 、 Flutter 的实战技巧 、Flutter Web的现状 四个方面，而整体主题将围绕 Widget 为中心展开。 按照惯例，我们先介绍历史进程，随着用户终端种类的百花齐放，如今跨平台…

作为系列文章的第十八篇，本篇将通过 ScrollPhysics 和 Simulation ，带你深入走进 Flutter 的滑动新世界，为你打开 Flutter 滑动操作的另一扇窗。 如下图所示是Flutter 默认的可滑动 Widget 效果，在 Android 和 iOS …

作为系列文章的第十七篇，本篇再一次带来 Flutter 开发过程中的实用技巧，让你继续弯道超车，全篇均为个人的日常干货总结，以实用填坑为主，让你少走弯路狂飙车。 在下载包的过程中出现问题，下次再拉包的时候，在 .pub_cache 内的 git 目录下会检测到已经存在目录，但是…

本篇将解析 Flutter 中自定义布局的原理，并带你深入实战自定义布局的流程，利用两种自定义布局的实现方式，完成如下图所示的界面效果，看完这一篇你将可以更轻松的对 Flutter 为所欲为。 在之前的篇章我们讲过 Widget 、Element 和 RenderObject …

本篇将带你深入理解 Flutter 中 State 的工作机制，并通过对状态管理框架 Provider 解析加深理解，看完这一篇你将更轻松的理解你的 “State 大后宫” 。 我们知道 Flutter 宇宙中万物皆 Widget ，而 Widget 是 @immutable …