如何使用Flutter复现iOS新增联系人的堆叠式转场动画？

动画的官方名称 #

你提到的这种新增联系人时的堆叠覆盖转场，iOS官方标准术语是**"Page Sheet"模态呈现样式**（对应原生开发里的UIModalPresentationStyle.pageSheet），开发者圈子里也常叫它堆叠模态转场。它的核心视觉特征是新页面从底部滑入，原页面会轻微缩小并暗化，形成层叠堆叠的效果。

Flutter中复现的可用库 #

• modal_bottom_sheet：这个库的CupertinoModalBottomSheet组件可以高度还原iOS的Page Sheet转场，完美实现堆叠覆盖的动画效果，配置起来很简单。
• flutter_modal_sheet：专门针对iOS风格的模态Sheet做了优化，能轻松复现和系统一致的堆叠滑入动画。
• 要是不想用第三方库，也可以用Flutter自带的showCupertinoModalPopup，配合自定义AnimationController手动实现类似的堆叠缩放动画，不过需要自己处理原页面缩小和新页面滑入的逻辑。

内容的提问来源于stack exchange，提问作者Pedro Farias