sencha-touch-2 - 将按钮设置在底部，但在煎茶触摸中完全拉伸

Question

我正在尝试垂直对齐按钮，然后想将其设置到屏幕底部，但是一旦我将其属性bottom:0按钮设置为向下，但它们并没有完全拉伸。

我想要的是我想将它设置为底部和全屏宽度。

这是我的代码

Ext.define("ca.view.cav",{
    extend:'Ext.Container',
    xtype:'cv',
    requires:['Ext.Button','Ext.Panel'],

    config:{
        bottom:0,
        defaults: {
            margin: '10 0 0 0'
        }   ,
        items:[{
            xtype:'button',
            text:'YES'
        },{
            xtype:'button',
            text:'NO'
        },{
            xtype:'button',
            text:'PROBABLY YES'
        },{
            xtype:'button',
            text:'PROBABLY NO'
        },{
            xtype:'button',
            text:'DON\'T KNOW'
        },{
            xtype:'button',
            text:'SKIP'
        }]
    }
});

我将此容器添加到其他面板中xtype:cv

Answer 1

似乎只需添加width: '100%'到配置中即可：

config:{
    bottom:0,
    width: '100%',
    defaults: {
        xtype:'button',
        margin: '10 0 0 0'
    },
    items:[{
        text:'YES'
    },{
        text:'NO'
    },{
        text:'PROBABLY YES'
    },{
        text:'PROBABLY NO'
    },{
        text:'DON\'T KNOW'
    },{
        text:'SKIP'
    }]
}

见这里： http: //new.senchafiddle.com/#/lWv9p/