Extjs 从sencha touch 2中的卡布局中删除项目后，动画不起作用

我们定义了一个具有卡片布局的容器

Ext.define('RistaSupport.view.Main', {
    extend: 'Ext.Container',
    xtype: 'mainview',
    itemId: 'mainView',
    requires: [],
    config: {
        autoDestroy:true,
        layout: {
            type: 'card',
            animation: {type: 'slide', direction: 'left'}
        },
        margin: '0 auto',
        maxWidth: '30em',
        items: [
            {
                xtype: 'loginview',
                'itemId':'loginView'
            },

            {
                xtype: 'registrationview',
                itemId:'registrationView'
            },
            {
                xtype: 'businessregistrationlist'
            }
        ]
    }
});

当我们尝试在容器中设置活动项时，动画等一切都可以正常工作。但是如果我们从容器中删除项目并设置活动项，动画就不会发生

有效：

this.getMainView().setActiveItem({xtype: 'businessregistrationlist'});

不起作用

this.getMainView().removeAll(true);
this.getMainView().setActiveItem({xtype: 'businessregistrationlist'});

---

不确定出了什么问题。

我认为这是因为动画在初始化期间附加了子视图。因此，请尝试使用

animateActiveItem

而不是

setActiveItem

。animateActiveItem也不起作用。是否在其中添加了动画参数？我添加了{type:'slide'，direction:'left'}作为第二个参数。尝试使用setTimeout（）稍微延迟后设置活动项，如100ms