Sencha Touch 2: dataview не видно в эмуляторе Android

Question

Я разрабатываю приложение для Android от sencha touch 2. Текущая погода и ежедневный прогноз были построены в виде html. Я хочу, чтобы почасовой прогноз показывался на горизонтальной прокручиваемой панели, поэтому мне пришлось использовать тип DataView (http://docs.sencha.com/touch/2.3.0/#!/api/Ext.dataview.DataView)

К сожалению, я не могу заставить его работать в эмуляторе Android. Пожалуйста, взгляните на снимок экрана ниже, чтобы увидеть разницу между эмулятором и хром. Я также не видел ошибок в ADT и хромовой консоли.

http://i.stack.imgur.com/Mxzrt.png

Вот мой код, чтобы эти элементы находятся внутри карты карусели. Спасибо за ваше время, чтобы прочитать мою проблему.

items: [{ 
      height: '50%', 
      html: tplCurr.apply(obj) 
     }, { 
      height: '10%', 
      xtype: 'dataview', 
      cls: 'hourly-container', 
      scrollable: { 
       direction: 'horizontal', 
       directionLock : true 
      }, 
      inline: { wrap: false }, 
      data: obj.hourly, 
      itemTpl: tplHourly 
     }, { 
      height: '40%', 
      xtype: 'panel', 
      cls: 'daily-container', 
      fullscreen: true, 
      scrollable: { 
       direction: 'vertical', 
       directionLock : true 
      }, 
      items: dayItems 
     }] 

Answer 1

Попробуйте, пожалуйста,

layout:{ 
    type:'vertical' 
}, 
items: [{ 
      flex:4, 
      html: tplCurr.apply(obj) 
     }, { 
      flex:1, 
      xtype: 'dataview', 
      cls: 'hourly-container', 

      scrollable: { 
       direction: 'horizontal', 
       directionLock : true 
      }, 
      inline: { wrap: false }, 
      data: obj.hourly, 
      itemTpl: tplHourly 
     }, { 
      flex:2, 
      xtype: 'panel', 
      cls: 'daily-container', 
      fullscreen: true, 
      scrollable: { 
       direction: 'vertical', 
       directionLock : true 
      }, 
      items: dayItems 
     }]