Flutter House

随着 Flutter 1.20 正式版的发布，Dart 2.9 中的 null safety 已经可以是试验性使用，所以本篇翻译将介绍 Dart 中的 null safety 是什么。 对于 Dart 团队而言今天是 null safety 技术预览的一个重要里程碑，null …

谷歌对 Flutter 的定位是提供一个便捷的工具包，从而在任何设备上得到出色的绘制体验，所以对于每个 release 版本，将会努力确保 Flutter 能快速，美观，高效和开放地支持每个平台，而在今天发布到 release 分支的 1.20 版本中，主要也是关于以上这四个方…

相信 Flutter 的开发者应该遇到过，对于大量数据的列表进行图片加载时，在 iOS 上很容易出现 OOM 的问题，这是因为 Flutter 特殊的图片加载流程造成。 Flutter 默认在进行图片加载时，会先通过对应的 ImageProvider 去加载图片数据，然后通过 …

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…