隐藏地址裸机ExtJ时如何调整主要组件的大小

Question

在主容器中，我浮动了按钮和电子邮件列表：

Ext.define('Admin.view.phone.email.Email', {
extend: 'Ext.Container',

controller: 'email-phone',
viewModel: {
    type: 'email'
},

layout: {
    type: 'hbox',
    align: 'stretch'
},

listeners: {
    element: 'element',
    edgeswipeend: 'onSwipe'
},

items: [
    {
        xtype: 'button',
        iconCls:'x-fa fa-plus',
        ui: 'bright-blue round',
        userCls: 'pop-out',
        bind: {
            hidden: '{composing}'
        },
        width: 50,
        height: 50,

        // These cause the button to be floated / absolute positioned
        bottom: 10,
        right: 10,

        handler: 'onPlusButtonTap',
        listeners: {
            scope: 'controller',
            element: 'element',
            longpress: 'onLongPressCompose'
        }
    },
    {
        xtype: 'inbox',
        flex: 1,
        bind: {
            store: '{inbox}',
            hidden: '{composing}'
        },
        reference: 'messages',

        listeners: {
            select: 'onSelectMessage'
        }
    }
]
});

当我滚动到页面末尾时，地址栏被隐藏，底部的空白区域。

是否可以禁用地址栏隐藏或调整子组件的大小？我该如何解决？