瞒天过海 —— 教你更换Flutter Hero 动画效果过程中的组件

最新推荐文章于 2024-05-16 22:37:20 发布

岛上码农

最新推荐文章于 2024-05-16 22:37:20 发布

阅读量281

点赞数

分类专栏： Flutter动画专题文章标签： flutter 动画 ios 移动端开发 android

本文链接：https://blog.csdn.net/shuijian00/article/details/125106157

版权

Flutter动画专题专栏收录该内容

31 篇文章 11 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了Flutter中Hero组件的flightShuttleBuilder属性，用于在动画过程中更换组件。通过示例展示了如何定义飞行组件，并讨论了iOS和Android平台上的差异，包括iOS的兼容性问题及解决方案。最后，对Hero组件的应用场景进行了简要概述。

摘要由CSDN通过智能技术生成

前言

继续 Hero 组件的介绍，本篇来介绍 Hero 组件的另一个属性 flightShuttleBuilder 。这个属性用于设置飞行过程中的组件。默认的话 Hero 组件在飞行过程中是使用源页面的 Hero 子组件。有了flightShuttleBuilder，我们就可以在行过程中可以更换组件。

flightShuttleBuilder 定义

flightShuttleBuilder 是一个返回飞行过程中的方法，定义如下：

typedef HeroFlightShuttleBuilder = Widget Function(
  BuildContext flightContext,
  Animation<double> animation,
  HeroFlightDirection flightDirection,
  BuildContext fromHeroContext,
  BuildContext toHeroContext,
);

其中 flightDirection 是一个枚举，用于区分是 push 还是 pop。