Sencha Touch 1 TabBar undersized

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

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