Extjs 选项卡面板非切换面板

我在使用Sencha Architect实现选项卡面板时遇到困难

这是密码

Ext.define('Prototype.view.App', {
    extend: 'Ext.Container',

    requires: [
        'Prototype.view.FoodPanel'
    ],

    config: {
        items: [
            {
                xtype: 'tabpanel',
                docked: 'bottom',
                    tabBar: {
                    docked: 'bottom',
                    layout: {
                        pack: 'center',
                        type: 'hbox'
                    }
                },
                items: [
                    {
                        xtype: 'container',
                        title: 'Test',
                        iconCls: 'info'
                    },
                    {
                        xtype: 'foodpanel',
                        title: 'Home',
                        iconCls: 'home'
                    }
                ]
            }
        ]
    }
});

出于某种原因，我的FOODPANEL是一个自定义视图（由字段、空格和按钮组成）

---

当我点击主页图标时，根本不显示。测试就在那里，所以我可以换成布兰克。。但两者都是布兰克自动取款机。为什么？`

试着给你的

容器

布局：合适

。同时删除

docked:bottom

config。你似乎也提到了同样的问题。希望这能有所帮助。

停靠：底部设置为默认值，我不明白这是怎么回事？非常感谢！