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

Question

我正在使用navigationviev中的一些按钮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

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

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

Sencha Touch 滑动导航

或者

Sencha Touch 2.1.1 的 Facebook 风格导航

或者

这个