Sencha Touch 1 TabBar尺寸过小

Question

我正在编写一个Sencha Touch 1.1 MVC应用程序。 我的视图代码看起来像这样

MyApp.views.MainIndexView = Ext.extend(Ext.TabPanel, {
ui: 'light',
cardSwitchAnimation: {
    type: 'slide',
    cover: true
},
initComponent: function() {
    this.topToolbar = new Ext.Toolbar({
        title: 'My App'
    })

    this.temperatureTab = new Ext.Panel({
        title: 'Temperature',
        html: '<h1>Log A Temperature</h1>'
    })

    this.dockedItems = [this.topToolbar];
    this.items = [this.temperatureTab];

    this.tabBar = {
        dock: 'bottom',
        layout: {
            pack: 'center'
        }
    }
    MyApp.views.MainIndexView.superclass.initComponent.call(this);
}
})

视图呈现，但底部的tabBar非常小。这没有道理。

有没有办法在不添加图标的情况下达到这个正常高度？

Answer 1

添加图标是我找到解决此问题的唯一方法。