Flutter House

Flutter 1.17 对比上一个稳定版本，更多是带来了性能上的提升，其中一个关键的优化点就是 Navigator 的内部逻辑，本篇将带你解密 Navigator 从 1.12 到 1.17 的变化，并介绍 Flutter 1.17 上究竟优化了哪些性能。 在 1.17 版本…

本文通过对国内各大厂旗下知名的应用进行分析，大致统计分析各大厂在移动跨平台开发领域的接入情况，同时分析 Android 端应用的 arm 框架、 kotlin 和 androidx 的使用状态。 因为效（tou）率（lan）问题，这里只分析 Android 端，因为 Andro…

本篇将带你深入理解 Flutter 开发过程中关于字体和文本渲染的“冷”知识，帮助你理解和增加关于 Flutter 中字体绘制的“无用”知识点。 如下代码所示，为了解答这个问题，首先我们给 Text 所在的 Container 增加了一个蓝色背景，并增加一个 100 * 100…

会出现这个疑问，是因为有一天设计给我发了下面那张图，问我 “为什么应用在苹果平台上的英文使用的是 PingFang SC 字体而不是 .SF UI Display ” ？ 正如下图所示，它们的 G 字母在显示效果上会有所差异，比如 平方的 G 有明显的转折线。 在 iOS 上使…

事情是这样的，由于近期 Flutter 发布了 1.17 的稳定版，按照“惯例”开始着手把生产项目升级到 1.12.13+hotfix.9 版本，在升级适配完成之后，一个突如其来的 Bug 让我陷入了沉思。 如上图所示，可以看到在键盘 B 页面打开后，退回上一个页面 A 时键盘…

作为系列文章的第二十一篇，本篇将通过不一样的角度来介绍 Flutter Framework 的整体渲染原理，深入剖析 Flutter 中构成 Layer 后的绘制流程，让开发者对 Flutter 的渲染原理和实现逻辑有更清晰的认知。 先回顾下，我们知道在 Flutter 中的控…

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…