导航栏中的滚动错误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