Сенча 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);
}
})

Вид отображается, но вкладка внизу очень мала.Это не имеет никакого смысла.

Есть ли способ сделать эту нормальную высоту без добавления значков?

Answer 1

Добавление значков было единственным способом, который я нашел, чтобы это исправить.