Sencha-Touchカルーセルに3枚以上のカードを追加するときの問題

Question

iPhoneアプリでSencha Touchを使用しています。私が最大3枚のカードを使うと、私のカルーセルがうまく動作します。しかし、私が4枚のカードを使うとすぐに、バグがあります：

2番目のカードにスライドするまで、最初と4番目のカードは重複しています。最初のカードに再びスライドした後、4枚目のカードは消えました。

（第一及び第四カードのオーバーラップ=内容が表示されている。第4カードがフォアグラウンドである）

ここで何が起こっていますか？わかりません。誰か他にこのようなエラーがありましたか？それは本当のバグですか、私のコードの間違いでしょうか？

これは私のjsです：

Ext.setup({ 
    onReady: function() { 
     // Create a Carousel of Items 
     var carousel = new Ext.Carousel({ 
      defaults: { 
       cls: 'card' 
      }, 
      items: [{ 
       cls: 'tab1', 
       html: 'Tab 1' 
      }, 
      { 
       cls: 'tab2', 
       html: 'Tab 2' 
      }, 
      { 
       cls: 'tab3', 
       html: 'Tab 3' 
      }, 
      { 
       cls: 'tab4', 
       html: 'Tab 4' 
      }] 
     }); 


     new Ext.Panel({ 
      fullscreen: true, 
      layout: { 
       type: 'vbox', 
       align: 'stretch' 
      }, 
      defaults: { 
       flex: 1 
      }, 
      items: [carousel] 
     }); 
    } 
}); 

EDIT：あなたは4+タブで作業カルーセルを得ることができる場合、あなたはすでに私が何か間違ったことを行っていることを証明します。ここでは可能性の

Answer 1

カップル：（これはほとんどありませんが）

1. VBOXの使用は、それを混乱することができます。

   new Ext.Panel({ 
       layout: 'fit', 
       items: carousel 
   }); 
   

2. これは、我々は1.xで見られるのだと類似し、少しあいまいな問題に関連することができますだけ言って、あなたのパネル設定を切り替えることを検討してくださいダウン4行

3. それだけ煎茶レイアウト行の後に終わるように実行コンパスコンパイル;（@include煎茶-カルーセル）
   • オープンリソース/ SCSS/application.scssとライン23を移動する：これを試してみてください私はしばらく前に（それがあることを保証なし）で見たように、それは同じ問題だ場合

あなたSASSを再コンパイルすることは、これはそれをあなたのリプライのための