Sencha touch sencha touch：选项卡栏的宽度不延伸到屏幕宽度

我将tabPanel的tabBar放在顶部，并保持底部样式，因此请参阅，显示结果正常，但tab bar没有扩展所有空间，页面右上角显示背景。（在我的1024px分辨率下约为30px）。 当使用Chrome查看它时，若我打开开发者工具，然后关闭它，那个么选项卡栏就可以了。（占用所有屏幕）。 我尝试使用tabPanel.doLayout（）或viewPort.doLayout（），两者都不起作用

请给出任何建议，谢谢

var tabPanel = new Ext.TabPanel({
        id:'tabPanel',  
        tabBar : {
            dock : 'top',
            layout : { pack : 'right' },
        },
        listeners: {
                single: true,
                afterlayout: function (panel) {
                    var dom = Ext.select('.x-docked-top', panel.getEl().dom).first().dom;
                    dom.className = dom.className.replace('x-docked-top', 'x-docked-bottom');                   
                }
        },
        defaults: {
                scroll: 'vertical'
        },
        cardSwitchAnimation: {
            type: 'slide',
            duration: 1
        },
        flex: 1,
        ui: 'light',
        items : [
            {
                iconCls : 'icon1',
                items: [ scanPanel ]        
            },
            {
                iconCls : 'icon2',
                items: [ logPanel ]         
            }
        ]       
});

---

Ext.Panel有一个默认的填充设置，请尝试将选项卡栏移动到Ext.Panel中

var viewPort = new Ext.Panel({
    fullscreen : true,
    layout : {
        type : 'fit',
        align : 'stretch'
    },
    items : [ tabPanel]
});