Extjs 选项卡面板sencha touch 2后的图像

Extjs 选项卡面板sencha touch 2后的图像,extjs,sencha-touch,tabpanel,Extjs,Sencha Touch,Tabpanel,我想在Sencha Touch 2中的选项卡面板后插入图像,但它不起作用。这是我的代码: Ext.Viewport.add({ xtype: 'panel', layout: 'vbox', fullscreen: true, items: [{ xtype: 'image', width: 500, height: 100, src: 'http://placekitten.com/g/500/100' }, { xtype: 'ta

我想在Sencha Touch 2中的
选项卡面板
后插入图像,但它不起作用。这是我的代码:

Ext.Viewport.add({
  xtype: 'panel',
  layout: 'vbox',
  fullscreen: true,
  items: [{
    xtype: 'image',
    width: 500,
    height: 100,
    src: 'http://placekitten.com/g/500/100'
  }, {
    xtype: 'tabpanel',
    tabBarPosition: 'bottom',
    items: [{
      title: 'Nous contacter',
      iconCls: 'user',
      html: 'page2',
      items: [{
        docked: 'top',
        title: 'title',
        xtype: 'titlebar'
      }],
    }]
  }]
});
像这样试试

    Ext.Viewport.add({
        xtype: 'panel',
        layout: 'vbox',
        fullscreen: true,
        items: [{
            xtype: 'image',
            width: '100%',
            height: '20%',
            src: 'http://placekitten.com/g/500/100'
        }, {
            xtype: 'tabpanel',
            tabBarPosition: 'bottom',
            height: '80%',
            items: [{
                title: 'Nous contacter',
                iconCls: 'user',
                html: 'page2',
                items: [{
                    docked: 'top',
                    title: 'title',
                    xtype: 'titlebar'
                }],
            }]
        }]
    });