title: Navigation view is not rendering the items correctly
body: <p>The view doesnt render properly . It only shows the button . What am i doing wrong here ?</p>
  
  <pre><code>Ext.application({
    name: 'App',    
    models: ['Picture'],
    stores: ['Pictures'],
    views: ['Picture'],
  
    requires: [
        'Ext.carousel.Carousel',
        'Ext.data.proxy.JsonP'
    ],
  
    launch: function() {
        var titleVisible = false,
            info, carousel;
  
  
        carousel = Ext.create('Ext.Carousel', {
  
            store: 'Pictures',
            direction: 'horizontal',
            listeners: {
                activeitemchange: function(carousel, item) {
                    info.setHtml(item.getPicture().get('title'));
                }
            }
        });
  
  
        info = Ext.create('Ext.Component', {
            cls: 'apod-title',
            top: '50',
            left: 0,
            right: 0
        });
  
        var view = Ext.create('Ext.NavigationView', {
        title:'Paramore',
        items: [carousel,info,{xtype:'button',text:'help'}]
  
        });
  
  
         Ext.Viewport.add(view);
  
       --- some code ----           
  
        });
  
  
    }
  });
  </code></pre>
  
  <p>.I also tried this </p>
  
  <p>var view = Ext.create('Ext.NavigationView', {
          title:'Test',
              items      : [
                   {
                       xtype      : 'container',
                       title      : 'test',
                       scrollable : 'vertical',
                       items      : [carousel,info]
          }</p>