Javascript 使用cardSwitchAnimation时方向更改时的布局打断

我对Sencha Touch比较陌生，我正在开发一个移动应用程序，我注意到当我使用cardSwitchAnimation在视图之间转换时，在方向改变时会出现一些怪癖

发生的事情是，我有几个视图，其中包含一个可滚动的内容区域；在有动画的纵向模式下，或在没有动画的横向模式下，这都可以正常工作。在横向模式下并使用动画时，停靠的项目将消失，并且在视图底部有一堆空白

以下是我的基本表示层结构，仅供参考：

视口

• 扩展外部面板
• 包含视图对象
• 包含停靠的项目
• 全屏：正确
• 布局配置：卡
• cardSwitchAnimation:false

视图

• 扩展外部面板
• 属于视口
• 包含一个可滚动的内容区域
• 布局配置：卡
• CardSwitch动画：幻灯片

内容区域

• 属于观点
• xtype:面板
• 滚动：垂直

我尝试过的解决方案：

• 在onOrientationChange中为视图和视口调用doLayout和doComponentLayout
• 将视图和视口的monitorOrientation和onOrientationChange设置为true
• 对视图使用“适合”布局类型（可行，但与过渡动画不兼容）
• 对内容区域使用“适合”布局类型（内容区域因某种原因而折叠）

我为此绞尽脑汁，似乎找不到解决办法。有什么想法吗