# 在 Flutter 项目里折腾苹果的液态玻璃效果

> 记录一次在 Flutter 项目中实现苹果液态玻璃效果的尝试，以及这次经历让我重新认识到 AI 在技术实践中的边界。

发布：2026-08-25 | 分类：Flutter | 标签：Flutter、随笔


唔，今天遇到了一点麻烦事。

最近想在自己的 Flutter 项目里实现苹果的液态玻璃效果。因为我自己也体验了一段时间，感觉这个样式确实挺不错，所以就打算一边做，一边研究它到底是怎么实现的。

最开始参考的是 [AndroidLiquidGlass](https://github.com/Kyant0/AndroidLiquidGlass/) 这个项目。它的效果做得很漂亮，相关实现也很有参考价值。不过这个项目本身是基于 Android/Compose Multiplatform 的实现，和 Flutter 的渲染体系并不一样，所以没办法直接拿过来使用。

后来我又找到了一个专门面向 Flutter 的实现：[liquid_glass_easy](https://github.com/AhmeedGamil/liquid_glass_easy)。这个项目可以通过实时交互的镜片效果，对背后的内容进行放大、扭曲、模糊、着色和折射，整体上更接近苹果 iOS 26 的 Liquid Glass 效果。

## 自己实现并没有想象中简单

我研究了很久，也尝试着在 Flutter 里复刻它的效果，但最后做出来的样式始终不太理想。

除了最开始遇到的动画问题之外，最困难的还是液态玻璃本身的渲染效果：背景模糊、折射、边缘高光以及内容随背景变化的感觉，单独看每一项似乎都不复杂，但组合到一起之后，就很容易变成普通的半透明模糊，而不是那种真正有“液体感”的玻璃效果。

有时候看起来像是实现出来了，但只要换一个背景、改变组件位置，或者加上动画，效果就会立刻变得很奇怪。要想自己从底层把这些细节都处理好，显然比我一开始想象的要麻烦得多。

## 最后还是直接用了现成方案

折腾了很长时间之后，我索性去搜索了一下 Flutter 液态玻璃相关的实现。结果发现，这个方向已经有人做出来了，而且还封装成了可以直接使用的方案。

安装、导入，然后按照文档稍微修改了一下，很顺利地就把效果加进了项目里。

这件事多少有点尴尬：前面花了不少时间研究底层实现，最后真正解决问题的方法，却是找到一个已经完成的 Flutter 方案，直接把它用起来。

但换个角度看，这其实也是开发过程的一部分。并不是所有效果都需要自己从头实现。有时候先理解问题，再判断哪些部分值得自己研究、哪些部分可以直接复用，反而比一味追求“完全自己写”更实际。

## AI 依然不能替我把握方向

这次经历也让我再次意识到，到现在为止，AI 依然需要由我自己来把握方向。

包括：

- 技术方案应该怎么选；
- 哪些部分值得自己实现；
- 哪些部分可以直接使用现成方案；
- 效果做到什么程度才算符合预期；
- 最终结果是否真的能在项目里稳定运行。

AI 可以帮我搜索资料、解释原理、生成代码，也可以提供很多实现思路。但它并不能替我决定：这个方案到底适不适合当前项目，效果到底算不算好，以及代码在真实环境里是否真的可靠。

当然，也可能是因为我平时比较喜欢探索一些新的项目和新的技术方向，而这些内容往往没有足够成熟的资料。AI 能提供的知识，很多时候还是来自已有的公开内容。当面对一个比较新的项目，或者一个还没有形成统一实现方式的问题时，它给出的建议就容易落后，甚至会把看起来合理、实际上并不好用的方案拼在一起。

所以，AI 更像是一个很强的助手，而不是可以完全替我做决定的开发者。

至少在这次液态玻璃效果的折腾里，我最后得到的结论就是：先自己判断方向，再让 AI 帮忙实现；遇到效果不对的时候，也不能只是一味修改代码，而是要重新判断，问题到底应该继续自己解决，还是已经有更合适的现成方案。