Sencha Touch工具栏高度

Question

我动态创建一个底部工具栏但它有默认高度，无论我赋予height属性的值。我试过了purcentage，像素，简单的数字，但没有任何作用。

myComponent.add({
                        xtype:'toolbar',

                        autoDestroy:true,
                        docked:'bottom',
                        bottom:0,

                        width:'100%',
                        height:'5px',

                        margin:'0 0 0 0',
                        padding:'0 0 0 0',

                        layout:{
                            pack:'middle',
                            align:'middle'
                        }
});

Answer 1

您必须更改minHeight属性。

我的代码中的一个工作示例：

Ext.define('MyApp.view.FailureBar', {
    extend : 'Ext.Toolbar',
    alias : 'widget.failureBar',
    config : {
        docked : 'bottom',
        minHeight : '30px',
        zIndex : 1,
        cls : 'failureBar'
    }
});