如何使用CupertinoFullscreenDialogTransition？求构造器示例及代码解析

咱们一步步拆解这段构造函数代码，搞清楚它是如何实现iOS风格的全屏对话框过渡动画的：

1. 构造函数的基础参数 #

首先看构造函数的参数列表：

CupertinoFullscreenDialogTransition({
  Key key,
  @required Animation<double> animation,
  @required this.child,
})

• Key key：Flutter组件的标准标识，用于帮助框架优化渲染、管理组件状态，属于可选参数。
• @required Animation<double> animation：必须传入的动画控制器，用来控制整个过渡动画的进度——从0到1对应对话框弹出过程，从1到0对应对话框关闭过程。
• @required this.child：必须传入的对话框内容，也就是你要展示的全屏对话框本体。

2. 核心：初始化位置动画_positionAnimation #

构造函数的初始化列表里，最关键的是创建了_positionAnimation这个动画对象：

_positionAnimation = CurvedAnimation(
  parent: animation,
  curve: Curves.linearToEaseOut,
  // The curve must be flipped so that the reverse animation doesn't play
  // an ease-in curve, which iOS does not use.
  reverseCurve: Curves.linearToEaseOut.flipped,
).drive(_kBottomUpTween),

咱们拆分这部分细节：

• CurvedAnimation：用来给基础的animation添加曲线动效，让动画不是生硬的线性变化，贴合iOS的原生动效风格。
  • parent: animation：绑定传入的基础动画控制器，动画的整体进度由它来驱动。
  • curve: Curves.linearToEaseOut：弹出动画的曲线——动画开始时保持匀速线性运动，接近结束时逐渐减速，完美复刻iOS全屏对话框弹出时的自然过渡感。
  • reverseCurve: Curves.linearToEaseOut.flipped：关闭动画的曲线。注释已经明确说明，iOS的对话框关闭动画不会使用“先加速后线性”的ease-in曲线，所以把linearToEaseOut曲线翻转，让关闭时的动效保持“先减速、最后线性收尾”的风格，完全符合iOS的设计规范。
• drive(_kBottomUpTween)：把曲线动画和一个预定义的补间动画绑定。_kBottomUpTween是一个Tween<Offset>类型的对象，作用是让对话框从屏幕底部（Offset(0, 1)，Y轴偏移1倍屏幕高度）滑动到屏幕顶部（Offset(0, 0)，无偏移），实现经典的iOS全屏对话框“从底部滑入”的视觉效果。

3. 调用父类构造 #

最后调用super(key: key)，这是Flutter组件构造的标准流程——因为CupertinoFullscreenDialogTransition继承自Flutter的基础组件类（比如StatelessWidget），这一步用来初始化父类的属性。

简单总结：这段代码的核心就是给传入的基础动画套上iOS风格的曲线效果，再绑定底部滑入的位置补间，最终实现完全符合iOS设计规范的全屏对话框过渡动画。

内容的提问来源于stack exchange，提问作者Parth Bhanderi