导航栏中的滚动错误sencha touch 2

Question

我使用navigationviev，其中一些按钮位于navigationBar。我将navigationBar的属性scrollable设置为'horizontal'。我可以抓住并移动滚动条线，但按钮仍保持在同一位置。如何解决这个错误？

源：

Ext.define('Example.view.Main', { 
extend: 'Ext.NavigationView', 
config: { 
    fullscreen: true, 
    styleHtmlContent: true, 
    navigationBar: { 
     scrollable: 'horizontal', 
     items: [ 
      { 
       xtype: 'button', 
       text: 'btn1' 
      }, 
      { 
       xtype: 'button', 
       text: 'btn2' 
      }, 
      { 
       xtype: 'button', 
       text: 'btn3' 
      }, 
      { 
       xtype: 'button', 
       text: 'btn4' 
      }, 
      { 
       xtype: 'button', 
       text: 'btn5' 
      }, 
      { 
       xtype: 'button', 
       text: 'btn6' 
      } 
     ] 
    }, 
    items: [ 
     { 
      xtype: 'panel', 
      styleHtmlContent: true, 
      html: '<h1>Hello!</h1>' 
     } 
    ] 
} 

}）;

Answer 1

我不认为在导航栏上添加太多按钮是个好主意，而且我不确定是否有可能使导航栏可滚动。

相反，我建议您尝试以下的风格

Slide navigation with Sencha Touch

OR

Facebook Style Navigation for Sencha Touch 2.1.1

OR

This one