Sencha Touch 2: The list does not appear in the panel

I am working on an MVC application in Sencha Touch 2, and it’s hard for me to get a list to display in a nested panel.

The application structure has a basic view, which is a tab bar. One element of the tab bar is a specific bar, xtype: "homepanel". An element of this panel is a list, xtype: 'newslist', which is associated with the corresponding store and model files.

The list does not appear if I do not change the parent "parent panel" to type Ext.navigation.View.

What am I missing in defining "homepanel" as a panel that prevents the list from being displayed?

Ext.define('ACSO.view.Home', {
extend: 'Ext.Panel',    //<--works if Ext.navigation.View
xtype: 'homepanel',
requires: [
    'Ext.TitleBar',
    'ACSO.view.NewsList'
],

config: {
    title: 'Home',
    iconCls: 'home',
    cls: 'home',

    scrollable: true,
    styleHtmlContent: true,

    items: [
        {
            xtype: 'newslist'
        }
    ]
}

});