使用sencha touch 2.1轻触时,tabpanel中的tabbar会颤抖

时间:2013-07-31 02:36:18

标签: sencha-touch tabpanel

我想创建一个带有标题栏和带有两个列表和输入表单的tabpanel的视图,所以我 首先创建一个标题栏,然后创建一个tabpanel.But当我点击每个标签时,所有标签都会上下抖动一点,当我将tabBarPosition配置到底部时,它看起来不错。 那么,如何解决这个问题呢?并且,如何清除tabBar的默认背景?

以下是我的观点:

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
});

1 个答案:

答案 0 :(得分:0)

这也发生在我身上。我无法找到解决方案。