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

添加圖標是我發現解決這個問題的唯一方法。