Hero 动画的底层：Overlay 上的飞行 Shuttle 与 RenderObject 的坐标插值 大家好，今天我们要深入探讨 Flutter 中 Hero 动画的底层实现机制，重点关注“Overlay 上的飞行 Shuttle”以及“RenderObject 的坐标插值”这两个关键概念。Hero 动画之所以能实现流畅的过渡效果，很大程度上依赖于这两个机制的协同运作。 1. Hero 动画的基本原理 首先，简单回顾一下 Hero 动画的基本原理。Hero 动画允许我们在不同的 Route 之间无缝地移动一个 Widget（通常是一个图像或其他视觉元素）。当从一个 Route 导航到另一个 Route 时，Flutter 会识别具有相同 Hero tag 的 Widget，并在两个 Route 之间创建一个视觉上的过渡动画，使该 Widget 看起来像是从一个位置“飞行”到另一个位置。 这个“飞行”的过程，并不是真的移动了原始的 Widget，而是在 Overlay 上创建了一个临时的、副本 Widget，我们称之为“Shuttle”。这个 Shuttle 在动画过程中模拟了原始 …