Sencha touch Sencha触控标签面板布局

请看演示：

如何使选项卡面板的内容填充中心区域？标题应位于工具栏的顶部、下方

预期布局：。我认为源代码不完整，只有tabPanel本身

---

请提供帮助。

通常要进行这种布局，我必须嵌套面板，并使用flex属性设置为1的空面板

我调整了你的代码以显示我的意思

例如，为了使工具栏标题下的文本“Home”居中，我将第一个tabpanel项更改为

{
    title: 'Home',
    layout: 'vbox',
    items: [
        {layout: 'hbox',
         items: [
            {flex: 1},
            {html: '<h2>Home</h2>'},
            {flex: 1}
        ]},
        {flex: 1}
    ],
    iconCls: 'home',
    cls: 'card card1'}

{
标题:"家",，
布局：“vbox”，
项目：[
{布局：'hbox'，
项目：[
{flex:1}，
{html:'Home'}，
{flex:1}
]},
{flex:1}
],
iconCls:“家”，
cls:'卡片1'}

此外，选项卡面板应该只是主视口面板的一项，而不是dockedItem。那也把布局搞得一团糟