Sencha touch 无法在sencha touch 2中显示listview

我开始玩sencha touch 2，遇到了以下问题。 我正在尝试构建一个非常简单的应用程序，它有一个listview和一个带有按钮的选项卡面板：

我看到选项卡面板上有我的按钮和漂亮的标题；但是listview拒绝显示；我尝试过添加“布局：适合”，但效果更糟

我在这里遗漏了什么“明显”的东西

Main.js：

Ext.define('CurrencyFX.view.Main', {
extend: 'Ext.Panel',

requires: [
    'CurrencyFX.view.Home',
    'CurrencyFX.view.CurrencyList',
],

config: {

    items: [
        { xtype: 'homecard' },
        { xtype: 'currencycard' },      
    ]
}
});

Home.js：

Ext.define('CurrencyFX.view.Home', {
extend: 'Ext.Panel',
requires: ['Ext.TitleBar'],
xtype: 'homecard',

config: {
    items: [{
        docked: 'top',
        xtype: 'titlebar',
        title: 'Currency FX',
        items: [
            {
                text:    'Refresh',
                align:   'right',
                action:  'reloadQuotes'
            }
        ]
    }
    ]
}
});

CurrencyList.js：

Ext.define('CurrencyFX.view.CurrencyList', {
    extend: 'Ext.List',
    requires: ['CurrencyFX.store.Currencies'],

    xtype: 'currencycard',
    config: {
        itemTpl: '{name} is at {value}',
        store: 'Currencies',
    }
})

---

你能给这张卡片加个高度吗？这提供了一个快速检查：

items: [ { xtype: 'homecard'}, { xtype: 'currencycard', height: 500 } ] 项目：[ {xtype:'homecard'}， {xtype:'currencycard'，高度：500} ] 这是一个将填满屏幕的布局（请注意，我将停靠：“顶部”移到了这里！！）：

Ext.define（'CurrencyFX.view.Main'{ 扩展：“Ext.Panel”， 要求：[ 'CurrencyFX.view.Home'， 'CurrencyFX.view.CurrencyList' ], 配置：{ 全屏：对， 布局：“适合”， 项目：[ { xtype:“家庭卡”， 停靠：“顶部” }, {xtype:'currencycard'} ] } });

---

哇，真不敢相信这么简单！它起作用了！有没有一种方法可以让它自动占据整个屏幕，而不是tabpanel？所以它可以在非视网膜显示器上同时工作？是的，我知道了。更新了我的答案。高度：是一个快速的技巧，看看是否有东西倒塌了。你刚刚让我的一天！谢谢你+1杯啤酒：） Ext.define('CurrencyFX.view.Main', { extend: 'Ext.Panel', requires: [ 'CurrencyFX.view.Home', 'CurrencyFX.view.CurrencyList' ], config: { fullscreen: true, layout: 'fit', items: [ { xtype: 'homecard', docked: 'top' }, { xtype: 'currencycard'} ] } });