Sencha touch 当使用sencha touch 2.1轻触时,选项卡面板中的选项卡条会颤抖

Sencha touch 当使用sencha touch 2.1轻触时,选项卡面板中的选项卡条会颤抖,sencha-touch,tabpanel,Sencha Touch,Tabpanel,我想创建一个带有标题栏和带有两个列表和一个输入表单的选项卡面板的视图,所以我 首先创建一个标题栏,然后创建一个选项卡面板。但是当我点击每个选项卡时,所有的选项卡都会上下抖动,当我将选项卡位置配置到底部时,它看起来很好。 那么,如何解决这个问题呢?还有,如何清除选项卡栏的默认背景 以下是我的看法: Ext.define('MyApp.view.MyView', { extend : 'Ext.Container', id : 'MyView',

我想创建一个带有标题栏和带有两个列表和一个输入表单的选项卡面板的视图,所以我 首先创建一个标题栏,然后创建一个选项卡面板。但是当我点击每个选项卡时,所有的选项卡都会上下抖动,当我将选项卡位置配置到底部时,它看起来很好。 那么,如何解决这个问题呢?还有,如何清除选项卡栏的默认背景

以下是我的看法:

Ext.define('MyApp.view.MyView',
    {
        extend : 'Ext.Container',
        id : 'MyView',
        xtype : 'MyView',
        config : {
            xtype : 'panel',
            layout : 'vbox',
            items : [
                {
                        xtype : 'titlebar',
                        docked : 'top',
                        title : 'MyView',
                        items : [
                            {
                                text : 'goback',
                                ui : 'back',
                                align : 'right',
                                listeners : {
                                    tap : function(){
                                        backwardPage('back');
                                    }
                                }
                            },{
                                text : 'index',
                                ui : 'home',
                                align : 'left',
                                listeners : {
                                    tap : function() {
                                        forwardPage('index','index');
                                    }
                                }
                            }    
                        ]
                }//title bar
                ,{
                            xtype : 'tabpanel',
                            style : 'border:1px solid red;',
                            //tabBarPosition : 'bottom',
                            flex : 1,
                            ui : 'light',
                            layout : {
                                type : 'card',
                                align : 'middle',
                                pack : 'center'
                            },
                            defaults: {
                                styleHtmlContent: true
                            },
                            items : [
                                 {
                                            title : 'One',
                                            html : 'one'
                                 }
                                 , {
                                            title : 'two',
                                            html : 'two'
                                 }
                                ,{
                                            title : 'three',
                                            html : 'three'
                                }
                            ]
                        }//top buttons
            ]
        }//config
});